欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-02 15:42:51
公司组织机构是树形机构,每个层级的机构可能有下属机构,依次递进到最末不可细分的末端机构。为了方便查找与维护,采用树状格式展现表格数据,点击展开下级机构。 1. 首先设计数据库表结构,关键是本级机构编号deptid与上级机构编号abvbranch create table RQ_DEPT ( dept ......

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

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