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>

The tab list is filled with the value and label fields of the query/enum launched with [target-action].

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

A tabcontainer is a window opened when a tab is selected. Note that [tabcontainer-identifier] must match the value of the query/enumerated list set at Tab element.

<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