12aa95f0a1209199ec168a459659f8655811c4cf.svn-base
3.02 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>树结构管理</title>
<meta name="decorator" content="default"/>
<%@include file="/WEB-INF/views/include/treetable.jsp" %>
<script type="text/javascript">
$(document).ready(function() {
var tpl = $("#treeTableTpl").html().replace(/(\/\/\<!\-\-)|(\/\/\-\->)/g,"");
var data = ${fns:toJson(list)}, ids = [], rootIds = [];
for (var i=0; i<data.length; i++){
ids.push(data[i].id);
}
ids = ',' + ids.join(',') + ',';
for (var i=0; i<data.length; i++){
if (ids.indexOf(','+data[i].parentId+',') == -1){
if ((','+rootIds.join(',')+',').indexOf(','+data[i].parentId+',') == -1){
rootIds.push(data[i].parentId);
}
}
}
for (var i=0; i<rootIds.length; i++){
addRow("#treeTableList", tpl, data, rootIds[i], true);
}
$("#treeTable").treeTable({expandLevel : 5});
});
function addRow(list, tpl, data, pid, root){
for (var i=0; i<data.length; i++){
var row = data[i];
if ((${fns:jsGetVal('row.parentId')}) == pid){
$(list).append(Mustache.render(tpl, {
dict: {
blank123:0}, pid: (root?0:pid), row: row
}));
addRow(list, tpl, data, row.id);
}
}
}
</script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active"><a href="${ctx}/test/testTree/">树结构列表</a></li>
<shiro:hasPermission name="test:testTree:edit"><li><a href="${ctx}/test/testTree/form">树结构添加</a></li></shiro:hasPermission>
</ul>
<form:form id="searchForm" modelAttribute="testTree" action="${ctx}/test/testTree/" method="post" class="breadcrumb form-search">
<ul class="ul-form">
<li><label>名称:</label>
<form:input path="name" htmlEscape="false" maxlength="100" class="input-medium"/>
</li>
<li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/></li>
<li class="clearfix"></li>
</ul>
</form:form>
<sys:message content="${message}"/>
<table id="treeTable" class="table table-striped table-bordered table-condensed">
<thead>
<tr>
<th>名称</th>
<th>排序</th>
<th>更新时间</th>
<th>备注信息</th>
<shiro:hasPermission name="test:testTree:edit"><th>操作</th></shiro:hasPermission>
</tr>
</thead>
<tbody id="treeTableList"></tbody>
</table>
<script type="text/template" id="treeTableTpl">
<tr id="{{row.id}}" pId="{{pid}}">
<td><a href="${ctx}/test/testTree/form?id={{row.id}}">
{{row.name}}
</a></td>
<td>
{{row.sort}}
</td>
<td>
{{row.updateDate}}
</td>
<td>
{{row.remarks}}
</td>
<shiro:hasPermission name="test:testTree:edit"><td>
<a href="${ctx}/test/testTree/form?id={{row.id}}">修改</a>
<a href="${ctx}/test/testTree/delete?id={{row.id}}" onclick="return confirmx('确认要删除该树结构及所有子树结构吗?', this.href)">删除</a>
<a href="${ctx}/test/testTree/form?parent.id={{row.id}}">添加下级树结构</a>
</td></shiro:hasPermission>
</tr>
</script>
</body>
</html>