La cuadrícula de árbol del componente EasyUI construye la organización del árbol

     La estructura organizativa de la empresa es una organización en forma de árbol, y cada nivel de la organización puede tener organizaciones subordinadas, que se avanzan sucesivamente hasta la última organización final no subdividable. Para facilitar la búsqueda y el mantenimiento, los datos de la tabla se muestran en formato de árbol y hacen clic para expandir las instituciones subordinadas.

 

  1. Primero diseñe la estructura de la tabla de la base de datos, la clave es el departamento de la organización en este nivel y la rama de la organización superior   

crear tabla RQ_DEPT 
( 
  deptid VARCHAR2 (30) no nulo, 
  nombre VARCHAR2 (200) no nulo, 
  tipo VARCHAR2 (5), 
  branchid VARCHAR2 (20), 
  abvbranch VARCHAR2 (20), se 
  usa VARCHAR2 (2) predeterminado '1', número de tiempo 
  transitorio (6), 
  transdatatimes NÚMERO (6) 
)

　2. Escribir objeto Bean, controlador, servicio, lógica empresarial de la capa dao

. 1  pública  de clase {del Dpto 
 2      
3.      Privada Cadena deptId; // código de la organización 
. 4      privada Cadena DEPTNAME; // nombre de la institución 
5.      Privada Cadena tipo;     // tipo de mecanismo 
. 6      privada Cadena branchId; // Rama 
. 7      privada Cadena abvbranch; // alto Institution 
8      private String isUsed; // Usa el estado
 9      // Omitir set 
10      
11 }

 

 

3. Diseñe objetos de Bean virtuales compatibles con los objetos de página EasyUI

DeptTree de clase pública extiende Dept { 
	
	Id. de cadena privada; 
	
	texto de cadena privada; 
	
	private String state; // 状态
	
	private List <DeptTree> children; 
        // 省略 get 、 set 
}

4. Escriba el script JS para realizar la operación de la página

 

 

 El código de muestra completo se detalla en Github: https://github.com/nextMonth/Module/tree/master/dept