z-tree基本用法

文件引入

js:根据不同的需求引入文件，不考虑文件大小的情况下可以直接引入allmin.js css:直接下载官网文件，把zTreeStyle整个文件夹放在css文件下，然后引入css，zTreeStyle下面的img路径有可能不对，自行调整

应用

控制面板（涉及到引动节点、新增节点、删除节点、修改节点）

页面地址

地区选择 （涉及单选、多选、勾选展示、节点查询以及高亮展开）

页面地址 页面地址2

页面涉及layer的使用

放入layer文件夹后只要引入js即可；

使用注意点

• 获取根节点：zTreeObj.getNodes();
• 获取所有节点：zTreeObj.transformToArray(zTreeObj.getNodes())
• 根据父节点获取相应的子节点:fatherCode.children;
• 根据父节点获取相应的所有子节点(包括下级的):treeObj.transformToArray(fatherCode.children);
• 展开当前节点的所有子节点：treeObj.expandNode(nodes[0], true, true, true);
• 使用递归的方法查找最上级父节点：return 的node就是最上层父节点

function getParentNodes_ztree(treeId, node){
    if (node != null) {
        var treeObj = $.fn.zTree.getZTreeObj(treeId);
        var parentNode = node.getParentNode();
        return getParentNodes_ztree(treeId, parentNode);
    } else {
        return node;
    }
}