<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Cache-Control" content="no-cache">
<title>jquery.tree-multiselect</title>
<link href="plugins/bootstrap/bootstrap.min.css" rel="stylesheet" />
<link href="plugins/tree-multiselect/jquery.tree-multiselect.min.css" rel="stylesheet" />
<link href="css/style.min.css" rel="stylesheet" />
<style>
.rightSize {
margin-right: 5px;
}
body {
padding: 20px;
}
#treeSelectTable {
width: 80%;
}
#treeSelectTable tr th,#treeSelectTable tr td {
text-align: center;
}
</style>
</head>
<body class="gray-bg2">
<div class="wrapper wrapper-content" id="statisipDataArea">
<div id="statisipArea" class="">
<h3>角色管理</h3>
<table id="treeSelectTable" class="table table-striped table-bordered">
<thead>
<tr><td>序号</td><td>角色名称</td><td>创建时间</td><td>角色描述</td><td>操作</td></tr>
</thead>
<tbody id="treeSelectBody">
</tbody>
</table>
</div>
</div>
<!--给用户分配角色modal-->
<div class="modal inmodal fade" id="grantAuthorityModal" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false" >
<div class="modal-dialog">
<div class="modal-content animated fadeIn">
<div class="modal-header btn-primary">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">关闭</span>
</button>
<h4 class="modal-title" id="AuthorityTitle"></h4>
</div>
<div class="modal-body" id="authorityBody">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" id="authoritysubmit">提交</button>
</div>
</div>
</div>
</div>
<script id="treeSelect-template" type="text/x-dot-template">
<tr>
<td><%= it.i %></td>
<td><%= it.rolename %></td>
<td><%= it.createTime %></td>
<td><%= it.roleDescription %></td>
<td>
<button class="btn btn-info btn-sm modifyRoleBtn rightSize" type="button" data-id=<%= it.i %> ><i class="fa fa-paste"></i> 修改</button>
<button class="btn btn-primary btn-sm grantAuthorityBtn rightSize" type="button" data-id=<%= it.i %> ><i class="fa fa-external-link"></i> 授权</button>
</td>
</tr>
</script>
<script src="plugins/jquery/jquery.min.js"></script>
<script src="plugins/jquery/jquery-ui.min.js"></script>
<script src="plugins/bootstrap/bootstrap.min.js"></script>
<script src="plugins/tree-multiselect/jquery.tree-multiselect.min.js"></script>
<script src="plugins/doT/doT.js"></script>
<!--bootstrap-table-->
<!--<script src="~/Content/js/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="~/Content/js/plugins/bootstrap-table/bootstrap-table-zh-CN.js"></script>
$1$layer#1#
<script src="~/Content/js/plugins/layer/layer.min.js"></script>
$1$封装的ajax数据接口#1#
<script src="~/Content/js/plugins/doT/doT.js"></script>
<script src="~/Content/js/commonjs.js"></script>
<script src="~/Content/js/config.router.js"></script>-->
<script src="index.js"></script>
</body>
</html>
jquery.tree-multiselect实例详解
4星 · 超过85%的资源 需积分: 50 113 浏览量
2017-04-26
11:35:07
上传
评论 5
收藏 113KB ZIP 举报 
jquery.tree-multiselect.zip （13个子文件） 
jquery.tree-multiselect 
index.html 4KB plugins bootstrap 
bootstrap.min.css 118KB bootstrap.min.js 36KB tree-multiselect jquery.tree-multiselect.min.js 14KB jquery.tree-multiselect.css 4KB jquery.tree-multiselect.js 27KB jquery.tree-multiselect.min.css 3KB jquery jquery-ui.min.js 43KB jquery.min.js 94KB doT doT.js 5KB data role.json 1KB css style.min.css 130KB index.js 4KB
- 1
- 2
- 3
前往页