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 

www.dengb.comtruehttps://www.dengb.com/jQuery/1401423.htmlTechArticleEasyUI组件treegrid构建树形组织机构, 公司组织机构是树形机构,每个层级的机构可能有下属机构,依次递进到最末不可细分的末端机构。为…

—-想了解更多的jQuery特效教程关注<计算机技术网(www.ctvol.com)!!>

本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址:https://www.ctvol.com/jquerytutorial/106606.html

(0)
上一篇 2020年4月30日
下一篇 2020年4月30日

精彩推荐