先上图,再看代码。组织结构界面

LigerUI权限系统之组织结构

  组织结构添加:

LigerUI权限系统之组织结构

  组织结构修改:

LigerUI权限系统之组织结构

  组织结构删除:

LigerUI权限系统之组织结构

  我在做这个页面的时候treegrid 的远程数据加载让我很头痛,从LigerUI官网提供的Demo来看,它是根据json数据格式中的children来判断是否在前面显示展开按钮,官网提供的数据格式如下:

 1 var TreeDeptData = {
 2             Rows: [
 3             {
 4                 id: '01', name: "企划部", remark: "1989-01-12",
 5                 children: [
 6                 {
 7                     id: '0101', name: "企划分部一", remark: "企划分部一"
 8                 },
 9                 {
10                     id: '0102', name: "企划分部二", remark: "企划分部二", children:
11                       [
12                           { id: '010201', name: "企划分部二 A组", remark: "企划分部二 A组" },
13                           { id: '010202', name: "企划分部二 B组", remark: "企划分部二 B组" }
14                       ]
15                 },
16                 { id: '0103', name: "企划分部三", remark: "企划分部三" }
17                 ]
18             },
19             { id: '02', name: "研发部", remark: "研发部" },
20             { id: '03', name: "产品部", remark: "产品部" }
21             ]
22         };
View Code

相关文章: