Appearance
Componentes
Los componentes son los elementos básicos de las aplicaciones de Autobase. Definen la estructura de la interfaz de usuario, gestionan la visualización de datos, capturan la entrada del usuario y permiten la interactividad.
Componentes disponibles
| Componente | Propósito |
|---|---|
| DISPLAY | Genera HTML personalizado con interpolación variable |
| BUTTON | Activa eventos, navegación o acciones del sistema |
| LIST | Genera colecciones utilizando plantillas de elementos |
| FORM | Contenedor para campos de entrada y botones |
| TEXT_FIELD | Entrada de texto de una sola línea |
| SELECT_FIELD | Selección desplegable |
| CHECKBOX_FIELD | Casilla de verificación booleana |
| RADIO_FIELD | Selección de botón de opción |
| FILE_UPLOAD_FIELD | Control de carga de archivos |
| TABLE | Muestra datos en una cuadrícula estructurada con columnas |
| COLUMN | Define la estructura y representación de las columnas de la tabla |
Jerarquías permitidas
Los componentes se pueden anidar según reglas específicas:
| Componente | Padre permitido | Descripción |
|---|---|---|
| DISPLAY | PAGE, FORM | Puede ser independiente o estar dentro de formularios |
| BUTTON | PAGE, LIST, FORM | Puede existir en múltiples contextos |
| LIST | PAGE | Solo componente de nivel superior |
| FORM | PAGE | Solo componente de nivel superior |
| TABLE | PAGE | Solo componente de nivel superior |
| TEXT_FIELD | FORM | Debe estar dentro de un formulario |
| SELECT_FIELD | FORM | Debe estar dentro de un formulario |
| CHECKBOX_FIELD | FORM | Debe estar dentro de un formulario |
| RADIO_FIELD | FORM | Debe estar dentro de un formulario |
| FILE_UPLOAD_FIELD | FORM | Debe estar dentro de un formulario |
| COLUMN | TABLE | Debe estar dentro de una tabla |
Jerarquía de ejemplo
text
PAGE
├─ DISPLAY
├─ FORM
│ ├─ DISPLAY
│ ├─ TEXT_FIELD
│ ├─ SELECT_FIELD
│ ├─ CHECKBOX_FIELD
│ ├─ RADIO_FIELD
│ ├─ FILE_UPLOAD_FIELD
│ └─ BUTTON
├─ LIST
│ └─ BUTTON
├─ TABLE
│ └─ COLUMN
└─ BUTTONPropiedades comunes
Todos los componentes comparten algunas propiedades comunes:
| Propiedad | Tipo | Requerido | Descripción |
|---|---|---|---|
type | string | Sí | Identificador del tipo de componente |
name | string | Sí | Identificador único del componente |
containerCssClass | string | No | Clases CSS para el contenedor externo |
containerCssStyle | string | No | Estilos CSS para el contenedor externo |
visible | boolean | No | Indica si el componente es visible |