Saltar al contenido principal
Version: 4.5.0

Menú contextual

El motor de Awe permite definir un menú contextual dentro de una matriz, criterios o gráficas. Con estos menús, se puede añadir funcionalidad a la ventana.

Menú contextual cuadriculado

Estructura Xml

La estructura xml de los menús contextuales es la siguiente:

<context-button id="[Id]" label="[label]" icon=[icon]">
<context-button id="[Id]" label="[label]" icon=[icon]>
<button-action type="[action-type]" target="[target]" silent="[silent]" />
</context-button>
<context-button id="[Id]" label="[label]" icon=[icon]>
<button-action type="[action-type]" target="[target]" silent="[silent]" />
</context-button>
<context-separator/>
<context-button id="[Id]" label="[label]" icon=[icon]>
<button-action type="[action-type]" target="[target]" silent="[silent]" />
... more button actions
</context-button>
<dependencies/>
.. more context-button
.. more context-separator
</context-button>
.. more context-button
.. more context-separator
</context-button>

Elementos del menú contextual

ElementoUsoVarias instanciasDescripción
context-buttonObligatorioSiElemento del botón del menú de contexto. Define un elemento del menú contextual
button-actionObligatorioSiAcción del botón contextual. Se puede definir una lista de acciones de botón
context-separatorOpcionalSiLínea separadora de la lista de botones de contexto
dependencyOpcionalSiLista de dependencias definidas en el botón

Atributos del botón de contexto

NameTipoUsoDescripciónValores
idStringObligatorioIdentificador del botón de contexto
labelStringObligatorioEtiqueta del botón contextual.Nota: Puedes usar i18n archivos (locales)
iconoStringOpcionalNombre del icono del botón contextualNota: Puede comprobar todos los iconos en FontAwesome

Nota: El botón contextual tiene los mismos atributos que el elemento de botón. Puedes ver más información aquí

Atributos de acción del botón

Nota: Puede ver todos los atributos de acción del botón aquí

Atributos de los separadores de contexto

NameTipoUsoDescripciónValores
nameStringOpcionalIdentificador del separador de contexto

Ejemplos

  • Menú contextual dentro de una matriz
<grid id="GrdSta" style="expand" initial-load="query" server-action="data" target-action="QryUniTst" max="30">
<column label="PARAMETER_TEXT" name="Als" sort-field="Als" align="left" charlength="20" style="separator" />
<group-header name="GrpHeaCol" label="PARAMETER_TEXT">
<column label="PARAMETER_TEXT" name="Des" sort-field="Des" align="left" charlength="40" />
<column label="PARAMETER_TEXT" name="Prg" sort-field="Prg" align="center" charlength="40"
component="progress" value="50" server-action="data" target-action="QryChkPrg" />
</group-header>
<context-button id="CtxGrdStaAdd" label="BUTTON_NEW" icon="plus-circle" >
<button-action type="screen" target="matrix_test" />
<dependency target-type="show" initial="true">
<dependency-element id="GrdSta" column="Als" attribute="selectedRowValue" condition="!=" value="awemadora02" />
<dependency-element id="GrdSta" event="select-row" />
</dependency>
</context-button>
<context-button id="CtxGrdStaDel" label="BUTTON_DELETE" icon="trash">
<button-action type="screen" target="matrix_test" />
<dependency target-type="show" initial="true">
<dependency-element id="GrdSta" column="Als" attribute="selectedRowValue" condition="==" value="awemadora02" />
<dependency-element id="GrdSta" event="select-row" />
</dependency>
</context-button>
</grid>