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

     


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM