Pestañas y contenedor de pestaña

A tab is a very useful screen component to separate the screen components in tabs:

\

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	Required	No	Nodo global de pestaña. Define los atributos de la pestaña
tabcontainer	Required	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	Required	String	Identificador de pestañas. Tiene que coincidir con los valores definidos en el target-action.
carga-inicial	Required	String	Llamada de acción al servidor para cargar los datos de criterio (se lanza al cargar la ventana)	enum (for enumerated) or query (for query call)
target-action	Required	String	Destino para llamar al servidor
style	Opcional	String	Clases CSS de la pestaña	Note: Here you can use expand class to set the tab as expandible
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	Required	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	Note: Here you can use expand class to set the window as expandible
type	Opcional	String	Tipo de etiqueta HTML del contenedor	div, span, p, ...
expandible	Opcional	String	How to expand the tabcontainer children	vertical, horizontal