selectUserToRole.jsp
3.57 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>分配角色</title>
<meta name="decorator" content="blank"/>
<%@include file="/WEB-INF/views/include/treeview.jsp" %>
<script type="text/javascript">
var officeTree;
var selectedTree;//zTree已选择对象
// 初始化
$(document).ready(function(){
officeTree = $.fn.zTree.init($("#officeTree"), setting, officeNodes);
selectedTree = $.fn.zTree.init($("#selectedTree"), setting, selectedNodes);
});
var setting = {view: {selectedMulti:false,nameIsHTML:true,showTitle:false,dblClickExpand:false},
data: {simpleData: {enable: true}},
callback: {onClick: treeOnClick}};
var officeNodes=[
<c:forEach items="${officeList}" var="office">
{id:"${office.id}",
pId:"${not empty office.parent?office.parent.id:0}",
name:"${office.name}"},
</c:forEach>];
var pre_selectedNodes =[
<c:forEach items="${userList}" var="user">
{id:"${user.id}",
pId:"0",
name:"<font color='red' style='font-weight:bold;'>${user.name}</font>"},
</c:forEach>];
var selectedNodes =[
<c:forEach items="${userList}" var="user">
{id:"${user.id}",
pId:"0",
name:"<font color='red' style='font-weight:bold;'>${user.name}</font>"},
</c:forEach>];
var pre_ids = "${selectIds}".split(",");
var ids = "${selectIds}".split(",");
//点击选择项回调
function treeOnClick(event, treeId, treeNode, clickFlag){
$.fn.zTree.getZTreeObj(treeId).expandNode(treeNode);
if("officeTree"==treeId){
$.get("${ctx}/sys/role/users?officeId=" + treeNode.id, function(userNodes){
$.fn.zTree.init($("#userTree"), setting, userNodes);
});
}
if("userTree"==treeId){
//alert(treeNode.id + " | " + ids);
//alert(typeof ids[0] + " | " + typeof treeNode.id);
if($.inArray(String(treeNode.id), ids)<0){
selectedTree.addNodes(null, treeNode);
ids.push(String(treeNode.id));
}
};
if("selectedTree"==treeId){
if($.inArray(String(treeNode.id), pre_ids)<0){
selectedTree.removeNode(treeNode);
ids.splice($.inArray(String(treeNode.id), ids), 1);
}else{
top.$.jBox.tip("角色原有成员不能清除！", 'info');
}
}
};
function clearAssign(){
var submit = function (v, h, f) {
if (v == 'ok'){
var tips="";
if(pre_ids.sort().toString() == ids.sort().toString()){
tips = "未给角色【${role.name}】分配新成员！";
}else{
tips = "已选人员清除成功！";
}
ids=pre_ids.slice(0);
selectedNodes=pre_selectedNodes;
$.fn.zTree.init($("#selectedTree"), setting, selectedNodes);
top.$.jBox.tip(tips, 'info');
} else if (v == 'cancel'){
// 取消
top.$.jBox.tip("取消清除操作！", 'info');
}
return true;
};
tips="确定清除角色【${role.name}】下的已选人员？";
top.$.jBox.confirm(tips, "清除确认", submit);
};
</script>
</head>
<body>
<div id="assignRole" class="row-fluid span12">
<div class="span4" style="border-right: 1px solid #A8A8A8;">
<p>所在部门：</p>
<div id="officeTree" class="ztree"></div>
</div>
<div class="span3">
<p>待选人员：</p>
<div id="userTree" class="ztree"></div>
</div>
<div class="span3" style="padding-left:16px;border-left: 1px solid #A8A8A8;">
<p>已选人员：</p>
<div id="selectedTree" class="ztree"></div>
</div>
</div>
</body>
</html>