ztree 官網:http://www.treejs.cn/v3/api.php
數據格式:
-
JSON
var nodes = [ {name: "父節點1", children: [ {name: "子節點1"}, {name: "子節點2"} ]} ];
- pId 即 paraent-Id, 最頂上的 pid === 0
基本用法 (數據格式 2 ) :
-
``` api.allTreeData().then((res) => { res.data[0].open = true; //第一個打開 let setting = { view: { dblClickExpand: true, showLine: true, selectedMulti: false }, data: { simpleData: { enable: true, //顯示層級 idKey: "id", pIdKey: "pId", rootPId: 0 } }, callback: { onClick: function (event, treeId, treeNode) { _this.callBack(treeNode); } } }; let zTree = $.fn.zTree.init($('#jg-tree'), setting, res.data); //默認選中 第一個 let firstNode = zTree.getNodeByParam('id', 1); zTree.selectNode(firstNode); }) ```
原作者:https://blog.csdn.net/github_36327470/article/details/86623690