zTree 是一个依靠 jQuery 实现的多功能 “树插件”。被广泛应用在系统的权限管理中,本文讲解zTree的一般应用。
但是现在官网打不开,该链接可以参考查看api。
常用api;
function reset() {
console.log("执行了复位")
// 单击选中复位
// var treeDists = $.fn.zTree.getZTreeObj("treeDemo");
// console.log(treeDists)
// var nodeDists = treeDists.getNodeByParam("name","test1_1");
// treeDists.selectNode(nodeDists);
var treeObj = $.fn.zTree.getZTreeObj("treeDemo");
treeObj.cancelSelectedNode();
treeObj.expandAll(false); // 全部收缩
treeObj.checkAllNodes(false); // 多选框效果 所有取消
}
多选框的回显
// 回显数据
var treeDists = $.fn.zTree.getZTreeObj("treeDemo");
let idList = ["test2_1", "test2_2"]; //入参
let nodes = [];
idList.forEach(i => {
let node = treeDists.getNodeByParam("name", i);
if (node !== null) {
nodes.push(node)
}
})
for (var i = 0, l = nodes.length; i < l; i++) {
treeDists.checkNode(nodes[i], true, true);
}
关键点: node 树形节点对象,然后执行 treeDists.checkNode(nodes[i], true, true);