EasyUI组件treegrid构建树形组织机构
公司组织机构是树形机构,每个层级的机构可能有下属机构,依次递进到最末不可细分的末端机构。为了方便查找与维护,采用树状格式展现表格数据,点击展开下级机构。
1. 首先设计数据库表结构,关键是本级机构编号deptid与上级机构编号abvbranch
create table RQ_DEPT ( deptid VARCHAR2(30) not null, name VARCHAR2(200) not null, kind VARCHAR2(5), branchid VARCHAR2(20), abvbranch VARCHAR2(20), isused VARCHAR2(2) default '1', transtime NUMBER(6), transdatatimes NUMBER(6) )
2.编写Bean对象,controller、service、dao层业务逻辑
1 public class Dept { 2 3 private String deptId;//机构编码 4 private String deptName;//机构名称 5 private String kind; //机构类型 6 private String branchId;//分公司 7 private String abvbranch;//上级机构 8 private String isUsed;//使用状态 9 // 省略 get set 10 11 }
3.设计虚拟Bean对象兼容EasyUI页面对象
public class DeptTree extends Dept { private String id; private String text; private String state;//状态 private List<DeptTree> children; // 省略get 、set }
4.编写JS脚本,实现页面操作
完整的示例代码详见Github:https://github.com/nextMonth/Module/tree/master/dept