Pestañas y contenedor de pestaña
Una pestaña es un componente muy útil para dividir los componentes de la pantalla en pestañas:
Esqueleto de XML
<tab id="[tab-identifier]" initial-load="[initial-load]" target-action="[target-action]" maximize="[maximize-tab]">
<tabcontainer id="[tabcontainer-identifier-1]">
...
<tabcontainer id="[tabcontainer-identifier-n]">
<dependency...></dependency>
<context-menu...></context-menu>
</tab>
Estructura de pestañas
<tab id="[tab-identifier]" initial-load="[initial-load]" target-action="[target-action]">
...
</tab>
Elemento | Uso | Varias instancias | Descripción |
---|---|---|---|
tab | Obligatorio | No | Nodo global de pestaña. Define los atributos de la pestaña |
tabcontainer | Obligatorio | Si | Lista de contenedores de pestañas a mostrar |
dependency | Opcional | Si | Lista de dependencias de la pestaña |
context-menu | Opcional | No | Menú contextual de la pestaña |
Atributos de pestaña
Atributo | Uso | Tipo | Descripción | Valores |
---|---|---|---|---|
id | Obligatorio | String | Identificador de pestañas. Tiene que coincidir con los valores definidos en el target-action . | |
carga-inicial | Obligatorio | String | Llamada de acción al servidor para cargar los datos de criterio (se lanza al cargar la ventana) | enum (para enumerado) o query (para consulta) |
target-action | Obligatorio | String | Destino para llamar al servidor | |
style | Opcional | String | Clases CSS de la pestaña | Nota: Aquí puedes usar la clase expand para permitir que la ventana se expanda |
maximize | Opcional | Boolean | Mostrar el icono maximizar o no |
Estructura del contenedor de pestaña
<tabcontainer id="[tabcontainer-identifier]" type="[type]" label="[label]" style="[style]" expandible="[expandible]">
...
</tabcontainer>
Atributos del contenedor de pestaña
Atributo | Uso | Tipo | Descripción | Valores |
---|---|---|---|---|
id | Obligatorio | String | Identificador del contenedor. Tiene que coincidir con los valores definidos en el target-action . | |
label | Opcional | String | Título del contenedor | Note: You can use i18n files (locales) |
style | Opcional | String | Clases CSS del contenedor | Nota: Aquí puedes usar la clase expand para permitir que la ventana se expanda |
type | Opcional | String | Tipo de etiqueta HTML del contenedor | div , span , p , ... |
expandible | Opcional | String | Cómo expandir los elementos del contenedor | vertical , horizontal |