引入ztree

OpenAuth.Mvc/js/users.js

@@ -1,115 +1,46 @@
 layui.config({
     base: "/js/"
-}).use(['form','tree', 'layer', 'jquery', 'table'], function () {
+}).use(['form','ztree', 'layer', 'jquery', 'table'], function () {
     var form = layui.form,
 		layer = parent.layer === undefined ? layui.layer : parent.layer,
 		$ = layui.jquery;
     var table = layui.table;
 
-    layui.tree({
-        elem: '#demo1' //指定元素
-    , target: '_blank' //是否新选项卡打开（比如节点返回href才有效）
-    , click: function (item) { //点击节点回调
-        layer.msg('当前节名称：' + item.name + '<br>全部参数：' + JSON.stringify(item));
-        console.log(item);
-    }
-    , nodes: [ //节点
-      {
-          name: '常用文件夹'
-        , id: 1
-        , alias: 'changyong'
-        , children: [
-          {
-              name: '所有未读（设置跳转）'
-            , id: 11
-            , href: 'http://www.layui.com/'
-            , alias: 'weidu'
-          }, {
-              name: '置顶邮件'
-            , id: 12
-          }, {
-              name: '标签邮件'
-            , id: 13
-          }
-        ]
-      }, {
-          name: '我的邮箱'
-        , id: 2
-        , spread: true
-        , children: [
-          {
-              name: 'QQ邮箱'
-            , id: 21
-            , spread: true
-            , children: [
-              {
-                  name: '收件箱'
-                , id: 211
-                , children: [
-                  {
-                      name: '所有未读'
-                    , id: 2111
-                  }, {
-                      name: '置顶邮件'
-                    , id: 2112
-                  }, {
-                      name: '标签邮件'
-                    , id: 2113
-                  }
-                ]
-              }, {
-                  name: '已发出的邮件'
-                , id: 212
-              }, {
-                  name: '垃圾邮件'
-                , id: 213
-              }
-            ]
-          }, {
-              name: '阿里云邮'
-            , id: 22
-            , children: [
-              {
-                  name: '收件箱'
-                , id: 221
-              }, {
-                  name: '已发出的邮件'
-                , id: 222
-              }, {
-                  name: '垃圾邮件'
-                , id: 223
-              }
-            ]
-          }
-        ]
-      }
-      , {
-          name: '收藏夹'
-        , id: 3
-        , alias: 'changyong'
-        , children: [
-          {
-              name: '爱情动作片'
-            , id: 31
-            , alias: 'love'
-          }, {
-              name: '技术栈'
-            , id: 12
-            , children: [
-              {
-                  name: '前端'
-                , id: 121
-              }
-              , {
-                  name: '全端'
-                , id: 122
-              }
-            ]
-          }
-        ]
-      }
-    ]
-    });
+    var ztree = function () {
+        var url = '/OrgManager/LoadOrg';
+        var setting = {
+            view: { selectedMulti: false },
+            data: {
+                key: {
+                    name: 'Name',
+                    title: 'Name'
+                },
+                simpleData: {
+                    enable: true,
+                    idKey: 'Id',
+                    pIdKey: 'ParentId',
+                    rootPId: 'null'
+                }
+            },
+            callback: {
+                onClick: function (event, treeId, treeNode) {
+                   // list.reload(treeNode.Id);
+                }
+            }
+        };
+        var load = function () {
+            $.getJSON(url, function (json) {
+                var zTreeObj = $.fn.zTree.init($("#tree"), setting, json);
+               // list.reload();
+                zTreeObj.expandAll(true);
+            });
+        };
+        load();
+
+        return {
+            reload: load
+        }
+    }();
 
     //监听表格复选框选择
     table.on('checkbox(list)', function (obj) {