Ext JS

Ext JS incluye un conjunto de controles de formulario basados ​​en GUI (o " widgets ") para su uso en aplicaciones web:

• controles de entrada de campo de texto y área de texto
• campos de fecha con selector de fecha emergente
• campos numéricos
• cuadros de lista y cuadros combinados
• Controles de radio y casillas de verificación
• control del editor HTML
• Control de cuadrícula (con modos de solo lectura y edición, datos ordenables, columnas bloqueables y arrastrables, y diversas funciones adicionales).
• control de árboles
• paneles de pestañas
• barras de herramientas
• Menús estilo aplicación de escritorio
• paneles regionales para permitir que un formulario se divida en múltiples subsecciones.
• deslizadores
• gráficos vectoriales

Sencha también proporciona algunos temas para personalizar el estilo de los componentes. Cambiar un tema requiere simplemente modificar el CSS y el script del tema. Al usar Sencha CMD, podría ser necesario recompilar la aplicación. ^{[ 6 ]}

Todos los componentes deberían funcionar con cada tema, pero su apariencia variará. Por ejemplo, el tema Clásico tiene elementos pequeños que no son adecuados para dispositivos táctiles. Neptune Touch tiene elementos más grandes, más apropiados para tabletas y teléfonos.

Ext JS se presenta en dos versiones: una moderna y otra clásica . Se diferencian no solo por los temas disponibles, sino también por algunas diferencias en su API. Por lo tanto, migrar de una versión a otra no es tan sencillo como migrar de un tema a otro. Se planea unificar algunas de estas diferencias en Ext JS 7.1, cuyo lanzamiento está previsto para 2019.^{[ 7 ]}

Ext JS es una composición de clases que posee muchas capacidades. Algunos ejemplos:

• una capa abstracta para navegadores (por ejemplo, Ext.isArrayque se puede utilizar como reemplazo de Array.isArray)
• administración estatal (almacenes)
• capa de comunicación del servidor (proxies y Ext.Ajax.request)
• Diseño y gestión de ventanas
• Gestión de eventos (con creación simplificada de eventos personalizados para componentes personalizados)
• enrutamiento

Ext JS tiene su propio sistema de clases. ^{[ 8 ] [ 9 ]} Las clases se definen con Ext.definey luego se puede crear una instancia con Ext.create. Algunas clases (por ejemplo, componentes y almacenes) pueden tener alias y se pueden crear mediante un alias. Las instancias de componentes se crean automáticamente cuando se crea el componente padre.

Una clase puede extender tanto clases personalizadas como integradas. Normalmente, los componentes personalizados extenderían los componentes integrados (por ejemplo, MyApp.views.ProductsTableextendería los componentes integrados Ext.grid.Panel). ^{[ 10 ]}

Existe un cargador dinámico integrado que permite que las clases tengan dependencias dinámicas (cargadas bajo demanda). En ExtJS existen dos tipos de dependencias. Las dependencias declaradas con requiresla propiedad se cargan antes de que se cree la instancia de la clase. Las dependencias definidas en usesla propiedad pueden cargarse después de que se cree la instancia de la clase.

También es posible sobrescribir clases, incluso clases integradas. Sobrescribir clases integradas puede ser útil, por ejemplo, para proporcionar internacionalización ^{[ 11 ]} o crear parches. La clase sobrescrita se fusiona con la nueva declaración. Cada clase puede sobrescribirse tantas veces como sea necesario (por ejemplo, para proporcionar i18n y luego l10n).

Ext JS versión 2.0 se lanzó el 4 de diciembre de 2007. Esta versión se promocionó por ofrecer una interfaz y características más similares a las tradicionalmente asociadas con las aplicaciones de escritorio. También se promocionaron la nueva documentación para el usuario, la documentación de la API y los ejemplos. ^{[ 12 ]}

Ext JS 2.0 no ofrecía compatibilidad con versiones anteriores, como la versión 1.1. Se desarrolló una guía de migración para solucionar este problema. ^{[ 13 ]}

La versión 3.0 de Ext JS se lanzó el 6 de julio de 2009. Esta versión incorporó soporte para la comunicación REST y una nueva plataforma del lado del servidor, Ext.Direct. Se añadieron nuevos elementos de gráficos Flash y ListView a los componentes de visualización estándar. Era compatible con versiones anteriores, incluyendo el código de la versión 2.0.

La versión 4.0 del framework Ext se publicó el 26 de abril de 2011. Incluye una estructura de clases completamente revisada, ^{[ 14 ]} un paquete de datos revisado, un paquete de animación y dibujo que utiliza SVG y VML , ^{[ 15 ]} y gráficos y temas revisados. También incluye una arquitectura opcional que proporciona una organización de código al estilo modelo-vista-controlador (MVC).

La versión 5.0 del framework Ext JS se lanzó el 2 de junio de 2014. ^{[ 16 ]} Incluye la capacidad de crear aplicaciones de escritorio en dispositivos táctiles ^{[ 17 ]} —utilizando una única base de código, una arquitectura Modelo Vista ViewModel ( MVVM ), enlace de datos bidireccional, diseños responsivos y otras mejoras de componentes con soporte para agregar widgets dentro de una celda de cuadrícula para visualización de datos y análisis de big data. ^{[ 18 ]} Ext JS 5 también incluye un paquete de gráficos mejorado optimizado para pantallas táctiles junto con capacidades adicionales de gráficos financieros.

Ext JS 5 es compatible con navegadores modernos y antiguos, incluidos Safari 6+, Firefox, IE8+, Chrome y Opera 12+. En la plataforma móvil, Ext JS 5 es compatible con Safari en iOS 6 y 7, Chrome en Android 4.1+ y dispositivos con pantalla táctil de Windows 8 (como Surface y portátiles con pantalla táctil) que ejecutan IE10+.

Importante: A partir de la versión Ext JS 5, no se pueden adquirir licencias para menos de 5 desarrolladores.

La versión 6.0 del framework Ext JS se lanzó el 1 de julio de 2015. ^{[ 19 ]} Fusiona el framework Sencha Touch (móvil) en Ext JS. ^{[ 20 ]}

La versión 7.0 del framework Ext JS se lanzó el 29 de agosto de 2019. ^{[ 21 ]} Esta versión introdujo varios componentes nuevos en el Modern Toolkit. El Classic Toolkit recibió el tema Material Design .