|
$(‘#ulButtonTree‘).tree({
url:"@Url.Action("GetButtonTree", "Res")",
checkbox:true,
cascadeCheck: false,
onBeforeLoad: function (node, param) {
var node = $(‘#ulResTree‘).tree(‘getSelected‘);
if (node)
param.ResID = node.ID;
},
onCheck: function (node, checked) {
var tree = $(‘#ulButtonTree‘);
if (!eventNode) {//鼠标勾选事件初始化标致，标识鼠标勾选事件第一次遍历开始
eventNode = node;//将鼠标勾选时的节点保存起来，待向下 遍历时，将从此节点开始
treeup = true;//向上遍历标志，由鼠标勾选的节点eventNode开始向上遍历
}
if (treeup) {//向上遍历
var ParentNode = tree.tree("getParent", node.target);
if (ParentNode) {//存在上级节点
if (checked)//如果是选择
tree.tree("check", ParentNode.target);//选中上级节点。注意：如果父节点之前未选中，执行此行代码后，会再次触发onCheck事件，下面的代码暂时不会被执行；如果之前兄弟节点已被选中，那么上级节点也被选中，此行代码执行后不会触发onCheck事件，而直接执行下面的代码
else {//如果是取消选择
var isCheck = false;
var childNode = tree.tree("getLeafChildren", ParentNode.target);
for (var i = 0; i < childNode.length; i++) {//循环当前节点的父节点的所有子节点，及包含当前节点的所有兄弟节点
if (childNode[i].checked) {
isCheck = true;//只要有兄弟节点被选中，则退出循环
break;
}
}
if (!isCheck)//如果所有兄弟节点及当前节点都未勾选，则取消父节点的勾选
tree.tree("uncheck", ParentNode.target);
}
}
treeup = false;//向上遍历结束
}
//到达根部节点或向上遍历结束之后再回到原始节点开始向下遍历
if (!treeup && eventNode) {
var childNode = tree.tree("getChildren", eventNode.target);//获取原始节点eventNode的所有子孙节点
if (checked) {//如果是选择
for (var i = 0; i < childNode.length; i++) {//循环所有子孙节点，全部选中
tree.tree("check", childNode[i].target);
}
}
else {//如果是取消
for (var i = 0; i < childNode.length; i++) {//循环所有子孙节点，全部取消勾选
tree.tree("uncheck", childNode[i].target);
}
}
}
eventNode = null;//标志本次鼠标勾选事件遍历结束
}
});
|
