ztree使用

导入ztree类库

        <link rel="stylesheet" href="./js/ztree/zTreeStyle.css" type="text/css" />
        <script src="./js/ztree/jquery.ztree.all-3.5.js" type="text/javascript">script>

进行ztree菜单设置

         var setting = {
           data: {
             simpleData: {
               enable: true // 支持简单json数据格式
             }
           }
         };

提供ztree树形菜单数据

         var zNodes = [
           {id:1,pId:0,name:"父节点一"},
           {id:2,pId:0,name:"父节点二"},
           {id:11,pId:1,name:"子节点一"},
           {id:12,pId:1,name:"子节点二"},
           {id:21,pId:2,name:"子节点三"},
           {id:22,pId:2,name:"子节点四"}
         ];

生成菜单

         $.fn.zTree.init($("#baseMenu"), setting, zNodes);