Widgets de la infraestructura de interfaz de usuario web
En la vista Paleta de Designer y Extensibility Workbench, puede encontrar los componentes, como por ejemplo Controls, Grids (3.0.2 solamente), Panels y otros, asociados a los widgets de la infraestructura de interfaz de usuario web.
Las tablas siguientes describen los widgets que están disponible en la vista Paleta del Designer Workbench y Extensibility Workbench.
La mayoría de los widgets se pueden utilizar con Ext JS 2.2.1 y Ext JS 3.0.2. Si sólo se pueden utilizar con una de las versiones, se indica.
- Menús. Se crean con la clase Ext.menu.Menu de Ext JS.
- Asistentes. Los asistentes deben definirse utilizando un archivo XML.
- Paneles que se repiten con botones de selección. Se crean con la clase Ext.form.Radio de Ext JS.
Controles
| controlar | Descripción |
|---|---|
| Etiqueta | Texto que puede identificar otros controles. |
| Texto | Texto de entrada y visualización. |
| Fecha y hora | Valores de fecha y hora. |
| Número | Valores numéricos, hasta 16 dígitos. |
| Número grande | Valores numéricos, más de 16 dígitos. El control Número grande (Big Number) funciona de la misma manera que el control Número, excepto que la función getValue() devuelve una serie. El control Número grande es un control personalizado que no está documentado en la documentación de Ext JS en línea. Amplía las características del control de texto. |
| TextArea | Varias líneas de texto. |
| Campo | Ofrece gestión predeterminada de sucesos, funciones de cambio de tamaño, manejo de valores y otras funciones. |
| Widget de carga de archivos | Se utiliza para acceder a archivos desde un origen externo. |
| Oculto | Oculta valores en formularios para poder pasarlos al enviar un formulario. |
| Enlace | Establece conexión con un elemento fuera de la pantalla actual (por ejemplo, un URL). |
| Botón | Al pulsar sobre él, se produce una acción. Nota: Ext JS 3.0.2 no admite Toolbar.Button, Toolbar.Splitbuttono el botón de menú.
|
| Botón de ciclo | Botón que pasa por un ciclo de menús al pulsar en él. Una flecha hacia abajo muestra los elementos de cada menú. |
| Recuadro de selección | Único cuadro que marca un valor como true o false. |
| Botón de selección | Tipo de recuadro de selección que se puede agrupar con otros botones de selección y permite seleccionar sólo un control del grupo. |
| TriggerField | Tipo de campo de texto que incluye un botón desencadenador que se puede pulsar. |
| Recuadro combinado | Tipo de campo de texto que incluye una lista de valores que puede seleccionar. |
| Hora | Campo de entrada de hora con una herramienta desplegable de horas y validación automática de hora. |
| Fecha | Campo de entrada de fecha con una herramienta de selector de fechas y validación automática de hora. |
| ProgressBar | Muestra el progreso de una operación. |
| Control deslizante | Admite la orientación vertical u horizontal, ajustes de teclado, snap configurable, pulsar en ejes y animación. |
| Campo de visualización (solo3.0.2 ) | Campo de texto de sólo visualización que no se valida ni se envía. |
| Espaciador (solo3.0.2 ) | Proporciona un espacio o un espacio en un diseño. |
| Selector cíclico (solo3.0.2 ) | Campo de número con flechas hacia arriba y hacia abajo para aumentar o disminuir el valor en incrementos determinados. |
Cuadrículas (solo3.0.2 )
| Cuadrícula/Columna | Descripción |
|---|---|
| Cuadros | Panel que incluye columnas y filas de tipo tabla. |
| EditableGrid | Tipo de cuadrícula que permite la edición de celdas en columnas seleccionadas. |
| Columna | Columna normal/predeterminada de una cuadrícula. |
| Columna booleana (solo3.0.2 ) | Ofrece campos de datos booleanos. |
| Columna de número (solo3.0.2 ) | Ofrece campos numéricos de acuerdo con una serie de formato. |
| Columna de fecha (solo3.0.2 ) | Ofrece campos de fecha de acuerdo con un formato especificado. |
| Columna de plantilla (solo3.0.2 ) | Ofrece valores al procesar los datos de un registro utilizando XTemplate. |
Paneles
| Panel | Descripción |
|---|---|
| Panel | Contenedor que puede incluir:
|
| Panel de árbol | Representación en formato árbol de datos organizados de forma jerárquica. |
| Conjunto de campos | Agrupa campos de formulario. |
| TabPanel | Agrupa fichas que pueden responder de formas exclusivas a su activación o desactivación. |
| Barra de herramientas (solo3.0.2 ) | Contenedor que puede incluir casi cualquier tipo de componente. |
Otros
Utilice la opción Componente personalizado en la sección Otros para añadir, a la pantalla, un componente que haya creado (como otra pantalla desarrollada mediante Designer Workbench). Con la opción Componente personalizado puede acceder desde una pantalla a una segunda pantalla cuyos componentes incluyan la primera pantalla (acceso de pantallas hijo a padre). Utilizar las propiedades preestablecidas para especificar este acceso.