-
jQuery EasyUI curso
jEasyUI solicitud
- jEasyUI Creación de una aplicación CRUD
- jEasyUI Creación de una cuadrícula de datos CRUD
- jEasyUI formulario de solicitud CRUD
- jEasyUI Crear un lector de RSS
jEasyUI Arrastrar y soltar
- jEasyUI arrastrar y soltar básica
- jEasyUI Crear caída de carrito de la compra
- jEasyUI Crear un plan de estudios
jEasyUI Menús y botones
- jEasyUI Creación de un menú sencillo
- jEasyUI Crear botón de Enlace
- jEasyUI Crear un botón de menú
- jEasyUI Crear botón de división
jEasyUI disposición
- jEasyUI Crear un diseño de frontera
- jEasyUI Crear diseños complejos
- jEasyUI Crear panel de plegado
- jEasyUI crear pestaña
- jEasyUI Dinámicamente agregar fichas
- jEasyUI Añadir ficha Reproducción automática
- jEasyUI Crear XP Style en el panel lateral izquierdo
jEasyUI cuadrícula de datos
- jEasyUI Convertida a la red de datos de tabla HTML
- jEasyUI Obtener fila de datos seleccionado
- jEasyUI Agregar consulta
- jEasyUI Añadir barra de herramientas
- jEasyUI Crear barras de herramientas complejas
- jEasyUI Configuración de columnas de congelación
- jEasyUI Cambio de columna dinámico
- jEasyUI formato de columnas
- jEasyUI Establecer el tipo
- jEasyUI Organización personalizada
- jEasyUI Crear una combinación de columnas
- jEasyUI Añadir casilla
- jEasyUI paginación personalizada
- jEasyUI Habilitar la edición en línea
- jEasyUI Editor extendida
- jEasyUI operación de la columna
- jEasyUI celda combinada
- jEasyUI Crear una vista personalizada
- jEasyUI Crear Resumen de pie de página
- jEasyUI Condiciones conjunto de filas color de fondo
- jEasyUI Crear una cuadrícula de propiedades
- jEasyUI líneas expandidas Mostrar Detalles
- jEasyUI crear subdivisiones
- jEasyUI Mostrar los datos masiva
- jEasyUI Añadir un componente de la página
jEasyUI ventana
- jEasyUI Creación de una simple ventana
- jEasyUI Ventana de barras de herramientas personalizadas
- jEasyUI Ventana y diseño
- jEasyUI crear diálogo
- jEasyUI cuadro de diálogo Personalizar
jEasyUI árbol de menús
- jEasyUI Utilice las etiquetas para crear el menú de árbol
- jEasyUI Crear menú de árbol asíncrono
- jEasyUI Adición de un menú de árbol de nodos
- jEasyUI Crear menú de árbol con casillas de verificación
- jEasyUI Arrastrar y soltar el control de menú de árbol
- jEasyUI menú de carga de árboles padre / hijo nodos
- jEasyUI Creación de un árbol sobre la base de cuadrícula
- jEasyUI Crear una malla compleja árbol
- jEasyUI rejilla árbol cargado dinámicamente
- jEasyUI Agregar una ficha Cuadrícula árbol
- jEasyUI La carga diferida árbol de nodo de la malla
jEasyUI formulario
- jEasyUI Presentar el formulario para crear una máquina asíncrona
- jEasyUI autenticación de formularios
- jEasyUI Crear un cuadro de árbol desplegable
- jEasyUI cuadro desplegable Formato
- jEasyUI Filtro cuadrícula de datos desplegables
jEasyUI Manual de referencia
El mejor tutorial de menú de árbol jQuery EasyUI - crear una malla compleja árbol en 2024. En este tutorial podrás aprender Descargar ejemplos de jQuery EasyUI,
menú de árbol jQuery EasyUI - crear una malla compleja árbol
rejilla de árbol (TreeGrid) puede parecer complejo y multi-columna de hoja de cálculo con el espacio de datos es limitada. Este tutorial muestra cómo dividir los datos tabla está dispuesto en una rejilla y las cabeceras de varias líneas con el fin de organizar los datos comunes.
Crear cuadrícula de árbol (TreeGrid)
<Title = clase "TreeGrid Complejo" Tabla = estilo "easyui-treegrid" = "width: 550px; altura: 250px" url = "data / treegrid2_data.json" rownumbers = "true" ShowFooter = "true" campo ID = "id" treeField = "región"> <Culata en T congelado = "true"> <Tr> <= Th Campo "región" width = "150"> Región </ th> </ Tr> </ Culata en T> <Culata en T> <Tr> <Th colspan = "4"> 2009 </ th> <Th colspan = "4"> 2010 </ th> </ Tr> <Tr> <= Th campo "F1" width = "50" align = "right"> 1ª qrt. </ Th> <= Th Campo "F2" width = "50" align = "right"> qrt 2ª. </ Th> <= Th Campo "f3" width = "50" align = "right"> qrt 3ST. </ Th> <= Th Campo "f4" width = "50" align = "right"> qrt 4o. </ Th> <= Th Campo "f5" width = "50" align = "right"> 1ª qrt. </ Th> <= Th Campo "f6" width = "50" align = "right"> qrt 2ª. </ Th> <= Th Campo "F7" width = "50" align = "right"> qrt 3ST. </ Th> <= Th Campo "f8" width = "50" align = "right"> qrt 4o. </ Th> </ Tr> </ Culata en T> </ Table>
Como se puede ver, la cuadrícula de árbol (TreeGrid) el uso y cuadrícula de datos (DataGrid) del mismo. Por favor, utilice la propiedad 'congelado' para definir columnas congeladas, columna 'colspan' y la propiedad '' rowspan definir un encabezado de varias líneas.