ztree 数据格式 及 基本用法

ztree 官网:http://www.treejs.cn/v3/api.php

数据格式:

  1. JSON

    var nodes = [
        {name: "父节点1", children: [
            {name: "子节点1"},
            {name: "子节点2"}
        ]}
    ];
  2. pId 即 paraent-Id, 最顶上的 pid === 0
  3.  基本用法 (数据格式 2 ) :

  4. ```
    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

     
原文地址:https://www.cnblogs.com/sherryweb/p/14210265.html