珠海微信小程序开发_bootstrap treeview 树形菜单带复

2021-01-08 14:37

bootstrap treeview 树形菜单带复选框及级联选择功能       这篇文章主要介绍了bootstrap treeview 树形菜单带复选框及级联选择功能,代码超简单，感兴趣的朋友跟随凡科小编一起学习吧
var parentNode = $('#searchTree').treeview('getParent', node.nodeId); if (!("nodeId" in parentNode)) { return; } else { checkAllParent(parentNode); //取消全部父节点 function uncheckAllParent(node) { $('#searchTree').treeview('uncheckNode', node.nodeId, { silent: true var siblings = $('#searchTree').treeview('getSiblings', node.nodeId); var parentNode = $('#searchTree').treeview('getParent', node.nodeId); if (!("nodeId" in parentNode)) { return; var isAllUnchecked = true; //是否全部没选中 for (var i in siblings) { if (siblings[i].state.checked) { isAllUnchecked = false; break; if (isAllUnchecked) { uncheckAllParent(parentNode); //级联选中所有子节点 function checkAllSon(node) { $('#searchTree').treeview('checkNode', node.nodeId, { silent: true if (node.nodes != null node.nodes.length 0) { for (var i in node.nodes) { checkAllSon(node.nodes[i]); //级联取消所有子节点 function uncheckAllSon(node) { $('#searchTree').treeview('uncheckNode', node.nodeId, { silent: true if (node.nodes != null node.nodes.length 0) { for (var i in node.nodes) { uncheckAllSon(node.nodes[i]); $('#searchTree').treeview({ showCheckbox: true, data: treeData, onNodeChecked: nodeChecked, onNodeUnchecked: nodeUnchecked /script

总结

以上所述是小编给大家介绍的bootstrap treeview 树形菜单带复选框及级联选择功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持！