php 复选框树状菜单,bootstrap-treeview 树形菜单带复选框以及级联选择

var treeData =[{

text:"Parent 1",

nodes: [{

text:"Child 1",

nodes: [{

text:"Grandchild 1"}, {

text:"Grandchild 2",

nodes: [{

text:"Grandchild 2-1",

nodes: [{

text:"Grandchild 2-1-1"}, {

text:"Grandchild 2-2-1",

}]

}, {

text:"Grandchild 1-2",

}]

}]

}, {

text:"Child 2",

nodes: [{

text:"Grandchild 2-1"}, {

text:"Grandchild 2-2",

}]

}]

}, {

text:"Parent 2",

id:'11111'}, {

text:"Parent 3"}, {

text:"Parent 4"}, {

text:"Parent 5"}];var nodeCheckedSilent = false;functionnodeChecked(event, node) {if(nodeCheckedSilent) {return;

}

nodeCheckedSilent= true;

checkAllParent(node);

checkAllSon(node);

nodeCheckedSilent= false;

}var nodeUncheckedSilent = false;functionnodeUnchecked(event, node) {if(nodeUncheckedSilent)return;

nodeUncheckedSilent= true;

uncheckAllParent(node);

uncheckAllSon(node);

nodeUncheckedSilent= false;

}//选中全部父节点

functioncheckAllParent(node) {

$('#searchTree').treeview('checkNode', node.nodeId, {

silent:true});var parentNode = $('#searchTree').treeview('getParent', node.nodeId);if (!("nodeId" inparentNode)) {return;

}else{

checkAllParent(parentNode);

}

}//取消全部父节点

functionuncheckAllParent(node) {

$('#searchTree').treeview('uncheckNode', node.nodeId, {

silent:true});var siblings = $('#searchTree').treeview('getSiblings', node.nodeId);var parentNode = $('#searchTree').treeview('getParent', node.nodeId);if (!("nodeId" inparentNode)) {return;

}var isAllUnchecked = true; //是否全部没选中

for (var i insiblings) {if(siblings[i].state.checked) {

isAllUnchecked= false;break;

}

}if(isAllUnchecked) {

uncheckAllParent(parentNode);

}

}//级联选中所有子节点

functioncheckAllSon(node) {

$('#searchTree').treeview('checkNode', node.nodeId, {

silent:true});if (node.nodes != null && node.nodes.length > 0) {for (var i innode.nodes) {

checkAllSon(node.nodes[i]);

}

}

}//级联取消所有子节点

functionuncheckAllSon(node) {

$('#searchTree').treeview('uncheckNode', node.nodeId, {

silent:true});if (node.nodes != null && node.nodes.length > 0) {for (var i innode.nodes) {

uncheckAllSon(node.nodes[i]);

}

}

}

$('#searchTree').treeview({

showCheckbox:true,

data: treeData,

onNodeChecked: nodeChecked,

onNodeUnchecked: nodeUnchecked

});