先上图,再看代码。组织结构界面
组织结构添加:
组织结构修改:
组织结构删除:
我在做这个页面的时候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 };