Sumérgete en el catálogo completo de ExtJS

Capítulo 1 Descripción general de EXT 1 1.1 Descargar la distribución EXT 1 1.2 Cómo ver la API y los ejemplos que vienen con EXT 1 1.3 Por qué se deben colocar algunos ejemplos en el servidor para ver los resultados 2 1.4 Hola mundo 2 1.4.1 Trabajar directamente con la distribución descargada 2 1.4.2 Usar EXT en el proyecto 3 1.5 ¿Por qué la página indica que no se puede encontrar la imagen? 2 Componentes principales de EXT 20 2.2.1 Ext.Component 20 2.2.2 Ext.BoxComponent 22 2.2.3 Ext.Container 23 2.2.4 Ext.Panel 24 2.2.5 Ext.TabPanel 24 2.3 Resumen de este capítulo 27 Capítulo 3 Cuadrícula Control 28 3.1 Introducción a la función de cuadrícula 28 3.2 Crear una cuadrícula simple 29 3.3 Descripción de funciones de cuadrícula comunes 32 3.3.1 Algunas propiedades 32 3.3.2 Determinar el tamaño de la cuadrícula de forma independiente 32 3.3.3 Funciones básicas del control de cuadrícula 32 3.3. 4 Funciones básicas del control de cuadrícula 3.3.2 Determinar automáticamente el ancho de cada columna 33 3.3.4 Ext. Determinar el ancho de cada columna 33 3.3.3 Hacer que la cuadrícula admita la clasificación por columnas 35 3.3.4 Resolver el problema de clasificación chino 35 3.3.5 Mostrar datos de tipo fecha 37 3.4 Mostrar texto rojo, imágenes y botones en las celdas 38 3.5 Establecer colores para filas y columnas de la cuadrícula 41 3.5.6 Mostrar automáticamente números de fila y casillas de verificación 6 Mostrar automáticamente números de fila y casillas de verificación 42 3.6.1 Mostrar automáticamente el número de fila 43 3.6.2 Seleccionar casilla de verificación 44 3.7 Seleccionar número de fila y casilla de verificación 44 3.7 Seleccionar número de fila y casilla de verificación 44 Casilla de verificación 44 3.7 Seleccionar modelo 45 3.8 Vista de cuadrícula - Grid.GridView 46 3.9 Paginación de cuadrícula 47 3.9 .1 Agregar barra de herramientas de paginación a la cuadrícula 48 3.9.2 Obtener datos de paginación desde un script en segundo plano 49 3.9.3 Barra de herramientas de paginación mostrada en la parte superior de la cuadrícula 51 3.9.4 Obtener EXT para admitir la clasificación en primer plano 52 3.10 Clasificación en segundo plano 53 3.11 Control de cuadrícula editable - EditorGrid 55 3.11.1 Crear un EditorGrid simple 55 3.11.2 Agregar filas de datos en la cuadrícula 3.11.2 Agregar una fila de datos 56 3.11.3 Guardar cambios 58 3.11 .4 Validar datos en la cuadrícula de edición 59 3.11.5 Restringir tipos de datos de entrada 60 3.12 Control de cuadrícula de propiedades - PropertyGrid 63 3.12.1 Cuadrícula de propiedades 64 3.12.2 Cuadrícula de propiedades inamovibles 65 3.12.3 Ordenar columna de nombre forzada 65 3.12.4 Obtener valores basados ​​en el nombre 66 3.12.4 Ordenar por columna 66 3.12.5 Personalizado editor 66 3.13 Edición del control de cuadrícula - EditorGrid5 Editor personalizado 66 3.13 Control de agrupación - Agrupación 66 Control de cuadrícula de agrupación - Agrupación 66 3.13.1 Introducción a la cuadrícula de agrupación 67 3.13.2 Vista de cuadrícula de agrupación Ext.grid.GroupingView 68 3.14 Arrastrar y soltar tabla 69 3.14 .1 Cambiar tamaño de tabla arrastrando y soltando 69 3.14.2 Arrastrar y soltar dentro de la misma tabla 70 3.14.3 In Arrastrar y soltar entre tablas 72 3.14.4 Arrastrar y soltar entre tablas 4 Arrastrar y soltar entre formularios y árboles 73 3.15 Cuadrícula y menú contextual 73 3.16 Resumen de este capítulo 74 Capítulo 4

Formularios y controles de entrada 76 4.1 Crear formularios 76 4.2 Introducción detallada a FormPanel y BasicForm 77 4.3 Controles soportados por EXT 77 4.3.7 Control de entrada de tiempo Ext.form.TimeField 81 4.3.8 Editor en línea Ext.form.HtmlEditor 81 4.3.9 Ocultar Campo Ext.form.Hidden 82 4.3.10 Cuadro de entrada desplegable Ext.form.TriggerField 82 4.4 Usar el formulario para enviar datos 83 4.4.1 Formulario de envío predeterminado de EXT 83 4.4.2 Usar el formulario de envío original de HTML 84 4.4.3 Usar el formulario envío de datos 84 4.4.3 Usar el formulario para enviar datos 84 4.4.4 Usar el formulario para enviar datos 84 4.4.5 Enviar el formulario 4.8 Casilla de verificación y botón de opción 110 4.8.1 Casilla de verificación 110 4.8.2 Botón de opción botón de opción 111 4.9 Carga de archivos 112 4.10 Completar datos automáticamente para el formulario 113 4.11 Resumen del Capítulo 5 114 Capítulo 5 Estructura del árbol 116 5.1 Uso básico de TreePanel 116 5.1.1 Crear un árbol 116 5.1.2 Ramas y hojas del árbol 117 5.1.3 Configurar un árbol Árbol 118 5.1.4 Usar TreeLoader para obtener datos 119 5.1.5 Leer datos JSON locales 121 5.1.6 JsonPlugin de Struts 2 121 5.1.7 Usar JSP para proporcionar datos de back-end 122 5.2 Eventos de árbol 125 5.3 Eventos de árbol 1255.2 Eventos de árbol 125 5.3 Menú de clic derecho 126 5.4 Modificar el icono predeterminado del nodo 127 5.5 Abrir el cuadro de diálogo del nodo 128 5.6 Información de solicitud del nodo 129 5.7 Establecer el hipervínculo del nodo 129 5.8 Modificar directamente el nombre del nodo del árbol 130 5.9 Arrastrar y soltar el nodo 125 5.10 Arrastrar y soltar el nodo 125 5.11 Nodo Arrastrar y soltar 125 5.12 Arrastrar y soltar nodos 9 Arrastrar y soltar árboles 131 5.9.1 Tres formas de arrastrar y soltar nodos 131 5.9.2 No se pueden añadir hojas 131 5.9.3 Determinar el objetivo de arrastrar y soltar 132 5.9.4 Arrastrar entre árboles Put 134 5.10 Filtro de árbol TreeFilter 135 5.11 Usar TreeSorter para ordenar árboles 137 5.11.1 Arrastrar y soltar nodos de árbol 138 5.12 Vista de nodo de árbol - ExtraModules12 Nodo de árbol vista - Ext.tree.TreeNodeUI 138 5.13 Combinación de tabla y árbol - Ext.tree .ColumnTree 139 5.14 Resumen de este capítulo 142 Capítulo 6 Arrastrar y soltar 143 6.1 Introducción a arrastrar y soltar 143 6.2 Aplicación sencilla de arrastrar y soltar 143 6.3 Arrastrar y soltar arquitectura de componentes 144 6.4 Aplicación simple de arrastrar y soltar 145 6.5 Aplicación simple de arrastrar y soltar 146 6.6 Aplicación simple de arrastrar y soltar 147 6.7 Aplicación simple de arrastrar y soltar 148 6.8 Aplicación simple de arrastrar y soltar 1493 Arquitectura de componentes de arrastrar y soltar 144 6.4 Arrastrar y soltar eventos 146 6.5 Arrastrar y soltar avanzado 148 6.5.1 Básico 148 6.5.2 Procesamiento 149 6.5.3 Encima 150 6.5 4 Agente 151 6.5.5 Grupo 152 6.5.6 Cuadrícula 154 6.5.7 Círculo 155 6.5. 8 Área 157 6.5.9 Área 158 6.5.10 Arrastrar y soltar componentes 6 Resumen de este capítulo 1

58 Capítulo 7 Ventana emergente 159 7.1 Ext.MessageBox 159 7.1.1 Ext.MessageBox.alert() 159 7.1.2 Ext.MessageBox.confirm() 160 7.1.3 Ext.MessageBox.prompt() 160 7.2 Actualización del cuadro de diálogo Cuadro Configuraciones múltiples 161 7.2.1 Cuadro de entrada que puede ingresar múltiples líneas 161 7.2.2.1 Cuadro de entrada que puede ingresar múltiples líneas 161 7.2.2 Botón de diálogo personalizado 162 7.2.3 Barra de progreso 162 7.2.4 Efecto de animación 164 7.3 Ventana externa común propiedades de 164 7.3.1 Crear ventana 164 7.3.2 Maximizar y minimizar ventanas 165 7.3.3 Ocultar y destruir ventanas 166 7.3.4 Personalizar botón de diálogo 167 7.3.5 Personalizar botón de diálogo 168 7.3.6 Botón de diálogo Definir personalizado 169 7.3.7 Personalizar botón de diálogo 169 7.3.8 Personalizar botón de diálogo 1697.5.1 Agregar una tabla a la ventana 172 7.5.2 Agregar un formulario a la ventana 173 7.5.3 Diseño complejo 174 7.6 Resumen de este capítulo 176 Capítulo 8 Diseño 177 8.1 El propósito de diseño 177 8.2 El diseño más simple, FitLayout 179 8.3 Diseño de borde de uso común, BorderLayout 182 8.4 Agregar controles a la ventana 173 8.5.5 Agregar controles a la ventana 174 8.5.6 Agregar controles a la ventana 175 7.5.7 Agregar controles a la ventana 8.3.1 Establecer el tamaño de la subárea 184 8.3.2 Usar división y limitar su rango 185 8.3.3 Expandir y contraer subáreas 187 8.4 Crear un diseño para el menú escalable - Accordion 191 8.5 Implementación El diseño del asistente de operación--CardLayout 192 8.6 El diseño para controlar la posición--BorderLayout8.6 El diseño para controlar la posición y el tamaño--AnchorLayout y AbsoluteLayout 194 8.7 Diseño específico del formulario FormLayout 199 8.8 Diseño de columnas ColumnLayout 200 8.9 Diseño de tabla TableLayout 202 8.10 Otros conocimientos relacionados con el diseño 204 8.10.1 La configuración pública y el concepto xtype de la superclase Ext.Conainter 204 8.10.2 La superclase Ext.layout.ContainerLayout utilizada para el diseño 205 8.10.3 Cuando no especifica ningún diseño ¿Qué sucede? 206 8.10.4 Usar Viewport para diseñar toda la página 206 8.10.5 Usar anidamiento para implementar un diseño complejo 206 8.10.5 Usar anidar para implementar un diseño complejo 207 8.11 Resumen de este capítulo 210 Capítulo 9 Barras de herramientas y menús 211 9.1 Menú simple 211 9.2 Agregar separadores a los menús 212 9.3 Menús multicapa 213 9.4 Menús avanzados 214 9.4.1 Menús de selección múltiple y selección única 214 9.4.9.4.2 Menú Fecha 216 9.4.3 Menú Color 216 9.4.4 Menú Ext.Menú Adaptador adaptador 217 9.4.5 Utilice Ext.menu.MenuMgr para administrar menús de manera unificada 220 9.5 Explicación detallada de los componentes de la barra de herramientas 220 9.5.1 Ext.Toolbar.Button 221 9.5.2 Ext.Toolbar.

Menú de texto 221 9.5.3 Barra de herramientas externa. Espaciador 222 9.5.4 Barra de herramientas externa. Administrador de menú 213 9.5.5 Barra de herramientas externa. Administrador de menú 2149.5.4 Separador de barra de herramientas externa 222 9.5.5 Barra de herramientas externa. Relleno 223 9.5.6 Barra de herramientas externa. .Toolbar.SplitButton 223 9.5.7 Agregar etiquetas HTML a la barra de herramientas 224 9.5.8 Agregar controles de entrada a la barra de herramientas 225 9.6 Barra de herramientas de paginación Ext.PagingToolbar 225 9.6.1 Uso básico de Ext.Toolbar: 1.2 En Ext.PagingToolbar Agregar componente de botón 226 9.7 Menú emergente contextual 227 9.8 Resumen de este capítulo 229 Capítulo 10 Almacenamiento y transmisión de datos 230 10.1 Introducción a Ext.data 230 10.2 Ext.data.Connection 230 10.3 Ext.data.Record 232 10.4 Ext.data.Store 233 10.4 .1 Aplicación básica 233 10.4.2 Ordenar datos 234 10.4.3 Obtener datos del almacenamiento 234 10.4.4 Actualizar datos en el almacenamiento 236 10.4.5 Cargar y mostrar datos 237 10.4.6 Otras funciones 238 10.5 Agentes comunes 238 10.5.1 MemoryProxy 239 10.5.2 HttpProxy 240 10.5.3 ScriptTagProxy 240 10.6 Lectores comunes 241 10.6.1 ArrayReader 241 10.6.2 JsonReader 242 10.6.3 XmlReader 243 10.7 Almacenamiento avanzado 245 10.8 A en EXT jax 246 10.8.1 Ext.Ajax 246 10.8. 1 El más fácil de ver Ext.Ajax 246 10.8.2 Ext.lib.Ajax como paquete subyacente Ext.lib.Ajax 246 10.8.2 Ext.lib.Ajax Como paquete subyacente Ext.lib.Ajax 246 10.8. lib.Ajax como paquete subyacente de Ext.lib.Ajax 246 10.8.4 Otras funciones 10.9 Acerca del alcance y createDelegate() 247 10.10 Integración de DWR y EXT 249 10.10.1 Uso directo de DWR en EXT 249 10.10.2 DWRProxy 250 10.10 .3 DWRTreeLoader 252 10.10.4 DWRProxy y ComboBox 253 10.11 localXHR admite el uso local de Ajax 254 10.12 Resumen de este capítulo 25512 Resumen de este capítulo 255 Capítulo 11 Utilidades 256 11.1 Funciones comunes proporcionadas por EXT 256 11.1.1 Función onReady 256 1.2 obtener función 257 11.1.3 función de consulta y función de selección 260 11.1.4 función de codificación y función de decodificación 263 11.1.5 función de extensión 264 11.1.6 DWRProxy y ComboBo

x5 Función Extender 265 11.1.6 Función Aplicar y AplicarIf 266 11.1.7 Función de espacio de nombres 266 11.1.8 Función Ext.isEmpty 267 11.1.9 Función Ext.each 268 11.1.10 Ext.DomHelper y plantilla para generar HTML dinámicamente 272 11.2. Utilice DomHelper para generar fragmentos de código 272 11.2.2 Ext.DomHelper y plantillas 2.2.2 Función Ext.DomHelper.applyStyles 275 11.2.3 Plantillas 276 11.2.4 Función Ext.createTemplate 278 11.2.5 Plantilla compleja XTemplate 279 11.3 Uso de Ext.Utils Tema de cambio de .CSS 281 11.4 Mensaje de desplazamiento 282 11.4.1 Inicialización 282 11.4.9 Utilice Ext.util.CSS para administrar estilos CSS 290 11.10 Utilice Ext.util.ClickRepeater para manejar eventos de clic 290 11.11 Utilice Ext.util.DelayedTask para ejecutar funciones 293 11.12 Utilice Ext.util.TaskRunner para realizar tareas cíclicas 294 11.13 Colección mixta Ext.util.MixedCollection 295295 11.14 Utilice Ext.util.TextMetrices para obtener la altura y el ancho ocupado por el texto 299 11.15 Ext.KeyNav maneja las teclas de navegación 300 11.16 Ext. KeyMap vincula funciones clave Establecer en objeto 302 11.17 Extender 304 11.17.1 Extender fecha 304 11.17.2 Extender cadena 306 11.17.3 Extender función 306 11.17.4 Extender número 308 11.17.5 Extender matriz 308 11.18 Ext.ux.Portal 309 11.19 Ext .Escritorio 312 11.20 Ext.XML. 12.7 Borrar información del formulario 335 12.8 Eliminar información especificada del estudiante 336 12.9 Interacción de datos entre la cuadrícula y el formulario 337 12.10 Resumen de este capítulo 338 Capítulo 13 Aplicación de EXT a través de Ext Framework 339 13.1 Introducción a Ext Framework 339 13.2 Explicación detallada de la arquitectura de Ext Framework 342 13.1 Ext Framework Explicación detallada de la arquitectura 343 13.2 Explicación detallada de la arquitectura de Ext Framework 344 13.3 Explicación detallada de la arquitectura de Ext Framework 345 13.2 Explicación detallada de la arquitectura de Ext Framework 346 13.2.1 Principales paquetes de software de terceros 342 13.2.2 Diagrama de relación de clases de back-end 342 13.2 .3 Diagrama de relación de los componentes del front-end 344 13.3 Resumen de este capítulo 347 Apéndice A Preguntas frecuentes sobre EXT 348 ​​Apéndice B Soporte EXT para AIR 355 Apéndice C Versión EXT 364