bootstrap插件treeview实现全选父节点下所有子节点和反选功能
发布时间：2020-12-18 00:35:52 所属栏目：安全 来源：网络整理
导读：项目需要实现权限管理，使用前端框架bootstrap，所以就直接选用了bootstrap的treeview扩展插件。先上图： 选中父节点时，父节点下所有子节点也都全部选中，看代码 1、HTML代码 TreeView Checkable 2、Json数据 return defaultData; } 3、JS数据绑定，加载Tre
|
项目需要实现权限管理，使用前端框架bootstrap，所以就直接选用了bootstrap的treeview扩展插件。先上图：
选中父节点时，父节点下所有子节点也都全部选中，看代码 1、HTML代码 TreeView Checkable
2、Json数据 return defaultData;
} 3、JS数据绑定，加载TreeView } else if (data.tags[0] === "2") {
alert("Tags 2");
} else {
alert("1111");
}
}
});
}); 4、选中/取消选中父节点时，选中/取消选中所有子节点，以及选中所有子节点时，选中父节点 function setParentNodeCheck(node) {
var parentNode = $("#treeview-checkable").treeview("getNode",node.parentId); if (parentNode.nodes) { var checkedCount = 0; for (x in parentNode.nodes) { if (parentNode.nodes[x].state.checked) { checkedCount ++; } else { break; } } if (checkedCount === parentNode.nodes.length) { $("#treeview-checkable").treeview("checkNode",parentNode.nodeId); setParentNodeCheck(parentNode); } } } 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
