EasyUI组件treegrid构建树形组织机构

     公司组织机构是树形机构,每个层级的机构可能有下属机构,依次递进到最末不可细分的末端机构。为了方便查找与维护,采用树状格式展现表格数据,点击展开下级机构。

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 }

EasyUI组件treegrid构建树形组织机构

 

 

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脚本,实现页面操作

EasyUI组件treegrid构建树形组织机构

 

 

 完整的示例代码详见Github:https://github.com/nextMonth/Module/tree/master/dept 

上一篇:easyui带file上传控件表达提交


下一篇:abp(net core)+easyui+efcore实现仓储管理系统——入库管理之七(四十三)