Dependencias

Cada componente (criterio, grilla, gráfico, etc) puede tener algunas dependencias dentro de su comportamiento y contenido. Una dependencia puede ser lanzada dependiendo de las condiciones o eventos de los componentes.

warning

El elemento debe tener el atributo component para que funcione. Si el elemento no tiene el atributo component, el sistema de dependencias no funcionará correctamente.

Esqueleto de XML

<dependency initial="[initial]" source-type="[source-type]" target-type="[target-type]" 
            server-action="[server-action]" target-action="[target-action]" 
            label="[label-to-update]" value="[value]" formule="[formule]" 
            type="[type]" invert="[invert]" async="[async]" silent="[silent]">
  <dependency-element ... />
  ...
  <dependency-action .../>
  ...
</dependency>

Estructura de dependencias

Elemento	Uso	Varias instancias	Descripción
dependency	Obligatorio	No	Nodo global de la dependencia. Define los atributos de dependencia
dependency-element	Obligatorio	Si	Condición para lanzar la dependencia
dependency-action	Opcional	Si	Acción que se iniciará si las condiciones de dependencia son válidas

Atributos de dependencias

Atributo	Uso	Tipo	Descripción	Valores
initial	Opcional	Boolean	Dependencia se lanzará al cargar la página	El valor predeterminado es false
source-type	Opcional	String	Fuente de dependencias (donde se tomarán los datos)	Ver tipos de fuente. El valor predeterminado es none
target-type	Opcional	String	Destino de dependencias (donde se aplicará la dependencia)	Ver tipos de destino. El valor predeterminado es none
server-action	Opcional	String	Llamada de acción del servidor (cuando el tipo de fuente es query)	Ver lista de acciones del servidor
target-action	Opcional	String	Objetivo para llamar al servidor / Nombre del criterio, para obtener su valor, cuando el tipo de fuente es launcher
label	Opcional	String	Etiqueta a aplicar al objetivo	Nota: Puedes usar literales i18n
value	Opcional	String	Valor a aplicar al objetivo
formule	Opcional	String	Fórmula para obtener el valor que se aplicará al objetivo
type	Opcional	String	Cómo evaluar las condiciones condiciones	Los valores posibles son and (por defecto) y or.
invert	Opcional	Boolean	Invierte la evaluación de la condición condición	El valor predeterminado es false
async	Opcional	Boolean	Ejecutar la acción del servidor de forma asincrónica	El valor predeterminado es false
silent	Opcional	Boolean	Ejecutar la acción del servidor sin mostrar la barra de carga	El valor predeterminado es false

Tipo de fuente

El atributo source-type se refiere al lugar de que estamos recuperando los datos para aplicar al componente.

Valor	Descripción
none	No hacer nada (no recuperar valores)
query	Ejecutar una consulta para recuperar valores
launcher	Obtener los valores del alias almacenado definido en target-action
value	Obtener los valores del atributo value definido en la dependencia
label	Obtener los valores del atributo label definido en la dependencia (puede ser un i18n local)
formule	Obtener los valores de un formulario evaluado en el atributo formule definido en la dependencia
reset	Borrar el valor de destino

Nota: source-type="action" no es más necesario. Simplemente añada algunas acciones de dependencia a su dependencia y se lanzarán cuando las condiciones sean válidas.

Tipo de destino

El atributo target-type se refiere al lugar donde estamos aplicando los datos recuperados del source-type o lo que queramos hacer con el componente donde está la dependencia.

Acción	Necesita datos	Acción inversa	Descripción
none	No	Ninguna	Se aplica a nada (valor predeterminado)
label	Si	Ninguna	Se aplica el valor recuperado de source-type a la etiqueta del componente
unit	Si	none	Se aplica el valor recuperado de source-type a la etiqueta de unidad de componente
icon	Si	none	Se aplica el valor recuperado de source-type al icono del componente
input	Si	none	Se aplica el valor recuperado de source-type al valor del componente
format-number	Si	restaurar formato de número	Se aplica el valor recuperado de source-type al formato de número de criterio (para criterios numéricos solamente)
validate	Si	none	Se aplica el valor recuperado de source-type al criterio de validación
attribute	Si	none	Establece un atributo definido en target-action con el valor recuperado source-type
show	No	hide	Mostrar el componente
hide	No	show	Ocultar el componente
show-column	No	hide-column	Mostrar la columna (sólo en columnas)
hide-column	No	show-column	Ocultar la columna (aplicable sólo en columnas)
enable	No	disable	Activar el componente
disable	No	enable	Desactivar el componente
set-required	No	set-optional	Establecer el criterio como requerido
set-optional	No	set-required	Eliminar el criterio de validación requerido
set-readonly	No	set-editable	Establecer el criterio como sólo lectura
set-editable	No	set-readonly	Permite editar el criterio
set-visible	No	set-invisible	Establecer el componente como visible
set-invisible	No	set-visible	Establece el componente como invisible (similar a ocultar pero manteniendo el criterio oculto)
enable-autorefresh	Si	disable-autorefresh	Habilita la autorefresh y establece el temporizador automático con el valor recuperado de source-type
disable-autorefresh	Si	enable-autorefresh	Deshabilita la autorefresca y establece el temporizador automático con el valor recuperado de source-type

Nota: Algunas acciones de target-type tienen una acción inversa, que se ejecuta cuando no se cumplen las condiciones de la dependencia. En este caso, NO es necesario añadir otra dependencia con la acción inversa.

Elemento de dependencias

Los elementos de dependencia son la definición de las condiciones necesarias para lanzar una dependencia.

Esqueleto del elemento de dependencia

<dependency-element id="[id]" column="[column]" attribute="[attribute]" condition="[condition]" row="[row]"
                    id2="[id2]" column2="[column2]" attribute2="[attribute2]" event="[event]" value="[value]" 
                    optional="[optional]" cancel="[cancel]" view="[view]" alias="[alias]"/>

Atributos del elemento de dependencias

Atributo	Uso	Tipo	Descripción	Valores
id	Obligatorio	String	Identificador del componente
column	Opcional	String	Identificador de columna del componente (aplicable en los grids)
attribute	Opcional	String	Atributo a comprobar.	Ver atributos a continuación. El valor predeterminado es selected
condition	Opcional	String	Condición de comparación	Vea las condiciones del elemento de dependencia dependency element conditions. El valor predeterminado es is not empty
row	Opcional	String	Número de fila del grid para comprobar el atributo
id2	Opcional	String	Identificador de componente a comparar
column2	Opcional	String	Identificador de columna del componente (aplicable en los grids)
attribute2	Opcional	String	Atributo a comprobar.
event	Opcional	String	Evento a comprobar	Ver eventos a continuación.
value	Opcional	String	Valor a comprobar
optional	Opcional	Boolean	Marcar el elemento como opcional. Es útil usar sus valores incluso si están vacíos	El valor predeterminado es false
cancel	Opcional	Boolean	Cancelar la dependencia si este elemento no ha sido comprobado (útil para eventos obligatorios)	El valor predeterminado es false
view	Opcional	String	Nombre de la vista donde se encuentra el elemento. Se utiliza cuando es necesario especificar en qué contexto está el elemento sobre el que se quiere actuar.	Ex.: view = "base"
alias	Opcional	String	Nombre a aplicar al elemento de dependencia. Útil para los destinos de dependencia launcher
check-value	Opcional	Boolean	Marca los valores de este elemento (inicia la dependencia si este elemento cambia)	El valor predeterminado es true

Condiciones del elemento de dependencias

• eq Los valores son iguales
• ne Los valores no son iguales
• contains El valor 1 contiene el valor 2
• not contains El valor 1 no contiene el valor 2
• ge El valor 1 es mayor o igual que el valor 2
• le Value1 es menor o igual que el valor 2
• gt El valor 1 es mayor que el valor 2
• lt El valor 1 es menor que el valor 2
• in El valor 1 está en la lista del valor 2
• not in El valor 1 no está en la lista del valor 2
• is empty El valor 1 está vacío
• is not empty El valor 1 no está vacío

Atributos

Los atributos son todos los datos que se pueden obtener de un componente AWE. Dependiendo del componente, puede recuperar información distinta de cada uno:

Action	Aplicar a	Descripción
visible	Todos los componentes	true si el componente es visible
value	Criterios	Obtiene el valor del criterio. Este es el atributo predeterminado
text	Criterios	Obtiene el componente valor visible
label	Criterios	Obtiene etiqueta de componente
unit	Criterios	Obtiene etiqueta de edición de componente
editable	Criterios	true si el componente es editable
required	Criterios	true si el componente es requerido
selectedValues	Seleccionar y Sugerir Múltiples	Obtiene el número de los valores seleccionados del criterio de selección
totalValues	Seleccionar	Obtiene el número total de valores del criterio de selección
currentRow	Grid	Obtiene el identificador de fila actual
currentRowValue	Grid	Obtiene el valor de la columna column de la fila actual (no la seleccionada). Esto es útil para actualizar los valores de fila sin una selección
prevCurrentRow	Grid	Obtiene la fila anterior a la fila actual
prevCurrentRowValue	Grid	Obtiene el valor de la columna column de la fila anterior a la fila actual
nextCurrentRow	Grid	Obtiene la siguiente fila a la fila actual
nextCurrentRowValue	Grid	Obtiene el valor de la columna column de la siguiente fila a la fila actual
selectedRow	Grid	Obtiene el identificador de fila seleccionado
selectedRowValue	Grid	Obtiene el valor de la columna column de la fila seleccionada.
prevRow	Grid	Obtiene la fila anterior al identificador seleccionado
prevRowValue	Grid	Obtiene el valor de la columna column de la fila anterior a la seleccionada
nextRow	Grid	Obtiene la siguiente fila al identificador seleccionado
nextRowValue	Grid	Obtiene el valor de la columna column de la siguiente fila a la seleccionada
selected	Grid	Número de filas seleccionadas del grid
selectedRows	Grid	Número de filas seleccionadas del grid
modifiedRows	Grid	Número de filas modificadas del grid (en grid multioperativo)
totalRows	Grid	Número total de filas del grid (registros)
hasDataColumn	Grid	true si la columna column definida tiene algún dato
emptyDataColumn	Grid	true si la columna column definida está vacía
fullDataColumn	Grid	true si la columna column definida está llena de datos

Nota: Si desea recuperar un selectedRowValue de una columna de grid que no es editable, debe añadir un lanzador de eventos para asegurarse de que la dependencia está siendo lanzada al seleccionar una fila (p. ej. event="select-row")

Eventos

Algunos componentes lanzan eventos en algunos casos. Puede capturar esos eventos con un elemento de dependencia para hacer que lancen la dependencia:

Evento	Aplicar a	Descripción
click	Botón, Opciones de contexto y Gráficos	Lanzado al pulsar el elemento
select-row	Grid	Se lanzó cuando una fila ha sido seleccionada
before-save-row	Grid	Lanzado antes de guardar una fila
save-row	Grid	Iniciado al guardar una fila
after-save-row	Grid	Iniciado después de guardar una fila
before-cancel-row	Grid	Ejecutado antes de cancelar guardar una fila
cancel-row	Grid	Se lanzó al cancelar guardando una fila
after-cancel-row	Grid	Ejecutado después de cancelar el guardado de una fila
delete-row	Grid	Iniciado al eliminar una fila
after-delete-row	Grid	Iniciado después de eliminar una fila
add-row	Grid	Lanzado al agregar una fila
after-add-row	Grid	Iniciado después de añadir una fila
check-records-saved	Grid	Iniciado al comprobar si los registros han sido guardados
check-records-generated	Grid	Iniciado al comprobar si se han generado registros
check-one-selected	Grid	Se lanzó al comprobar si hay una fila seleccionada
check-some-selected	Grid	Iniciado al comprobar si hay al menos una fila seleccionada
double-click	Gráficos	Se lanzó al hacer clic dos veces en un punto de gráfico
context-menu	Gráficos	Se lanzó cuando se hace clic derecho en un punto de gráfico
zoom	Gráficos	Se lanzó al seleccionar un rango (zooming) en un gráfico

Acción de dependencias

Las acciones de dependencias son acciones lanzadas cuando una dependencia ha sido activada y la dependencia source-type es action. Vea acciones para más información.

Ejemplos

Cuando se hace clic en un botón, actualiza un criterio con un formulario

<dependency initial="true" source-type="formule" target-type="input" 
            formule="'Valor' + (parseInt('[ButSetVa1]'.substr(5,1),10) + parseInt('[ButSetVa2]'.substr(5,1),10))">
  <dependency-element id="ButSetVa3" event="click" />
  <dependency-element id="ButSetVa2" />
  <dependency-element id="ButSetVa1" />
</dependency>

Validar si un valor de columna ya está en la base de datos

<dependency source-type="query" server-action="unique" target-action="AweKeyUni">
  <dependency-element id="GrdKeyLst" column="KeyNam" attribute="currentRowValue" />
</dependency>

Activar un botón cuando hay una fila seleccionada en un grid

<dependency target-type="enable" initial="true">
  <dependency-element id="GrdKeyLst" attribute="selectedRows" condition="eq" value="1" />
</dependency>

Cambia el formato numérico cuando un valor de criterio es 4decimales

<dependency source-type="formule" target-type="format-number" initial="true" 
            formule="{vMin: '-999999', mDec: [NumHid], aSign:' JPY', pSign:'s', aPad:true}">
  <dependency-element id="Txt" condition="eq" value="4decimales" />
</dependency>

Cambiar la validación de un criterio de tiempo

<dependency source-type="value" target-type="validate" value="{textLE:['TimReq']}">
  <dependency-element id="CalReq" condition="eq" name="Cal" />
  <dependency-element id="Cal" condition="eq" name="CalReq" />
</dependency>

Iniciar dos acciones cuando un valor de criterio cambia

<dependency initial="true">
  <dependency-element id="CalReq" />
  <dependency-action type="server" server-action="data" target-action="ProAllLst" target="SelReq" />
  <dependency-action type="server" server-action="data" target-action="ProAllLst" target="SelMulReq" />
</dependency>

Hacer que un criterio no sea visible (pero manteniendo el lugar) cuando un valor de criterio es oculta

<dependency target-type="set-invisible" initial="true">
  <dependency-element id="Txt" condition="eq" value="oculta" />
</dependency>		  

Hacer un criterio editable (no solo lectura) cuando un valor de criterio es edita

<dependency target-type="set-editable" initial="true">
  <dependency-element id="Txt" condition="eq" value="edita" />
</dependency>

Rellena una etiqueta unitaria de criterio con el resultado de una consulta cuando se comprueba una casilla de verificación

<dependency source-type="query" target-type="unit" server-action="data" target-action="ModSel">
  <dependency-element id="ChkBoxVa2" condition="eq" value="1" />
</dependency>

Mostrar un componente cuando el valor de la columna de la fila seleccionada de un grid no es igual a awemadora02

<dependency target-type="show" initial="true">
  <dependency-element id="GrdSta" column="Als" attribute="selectedRowValue" condition="ne" value="awemadora02"/>
  <dependency-element id="GrdSta" event="select-row"/>
</dependency>

Usar una dependencia sólo en la fila seleccionada

<dependency initial="true" target-type="enable">
  <dependency-element id="GridName" attribute="selectedRow" condition="eq" id2="GridName" attribute2="currentRow"/>
</dependency>

Nota: Si desea recuperar un valor de fila seleccionado de una columna de grid que no es editable, debe añadir un lanzador de eventos para asegurarse de que la dependencia está siendo lanzada al seleccionar una fila (p. ej. event="select-row")

Validar un criterio utilizando un método Java

Dependencia

<criteria label="PARAMETER_TEXT" id="TxtVal" variable="TxtVal" component="text">
  <dependency source-type="query" server-action="validate" target-action="ValidateBankAccount">
    <dependency-element id="TxtVal"/>
  </dependency>
</criteria>

Consulta

<query id="ValidateBankAccount" service="ValidateBankAccount">
  <variable id="BankAccount" type="STRING" name="TxtVal" />
</query>

Servicio

<service id="ValidateBankAccount">
  <java classname="com.almis.awe.test.Validation" method="validateBankAccount">
    <service-parameter type="STRING" name="BankAccount" />
  </java>
</service>

Método Java

public class Validation {

  // PATTERNS
  private static final String BANK_ACOUNT = "^[0-9]{4}\\-[0-9]{4}\\-[0-9]{2}\\-[0-9]{10}$";
  private static final Pattern BANK_ACCOUNT_PATTERN = Pattern.compile(BANK_ACOUNT, 0);

  public ServiceData validateBankAccount(String bankAccount) throws AWException {
    ServiceData check = new ServiceData();
    Matcher matchAccount = BANK_ACCOUNT_PATTERN.matcher(bankAccount);
    if (!matchAccount.matches()) {
      check.setType(AnswerType.WARNING);
      check.setMessage(LocalSingleton.getInstance().getLocal("ERROR_MESSAGE_WRONG_BANK_ACCOUNT", bankAccount));
    }
    return check;
  }
}

Añadir una clase a un elemento HTML cuando ocurre un evento

A veces necesitamos mostrar un consejo en la pantalla para notar a los usuarios que algo ha sucedido en el back-end como una nueva entrada en la base de datos o similar. Vamos a explicar cómo agregar dos nombres de clase ("animated" y "faa-slow" para ajustar la velocidad animada) a un elemento HTML para animar un icono de campana y mostrar un número sobre el icono que representa una serie de errores en la aplicación. Al pulsar este botón, la campana detiene la animación y muestra un diálogo con un grid que muestra los detalles del error.

Definición de los elementos de la pantalla

Primero debemos definir el elemento HTML en la pantalla xml, en este caso un elemento "info-button" con un atributo "icon" con un valor "bell" y un atributo "unit". Este último atributo representará el número de errores en la aplicación.

  <info-button style="nav-icon-btn-danger" title="BUTTON_NOTIFICATIONS" icon="bell" id="Warnings" unit="">
    ...
  </info-button>

El siguiente paso es agregar la acción para detener la animación de la campana (quitar el nombre de la clase) y mostrar el diálogo.

  <info-button style="nav-icon-btn-danger" title="BUTTON_NOTIFICATIONS" icon="bell" id="Warnings" unit="">
    <button-action type="remove-class" target-action="animated faa-slow" target="#Warnings .fa-bell" />
    <button-action type="dialog" target="MessageWarnings" />
  </info-button>

La primera acción del botón elimina los nombres de clase "animated" y "faa-slow" del elemento HTML apuntado en el atributo "target", en este caso el elemento con el nombre de clase "fa-bell" dentro del elemento con el id "Warnings".

La segunda acción del botón abre el diálogo con el id "MessageWarnings".

Estas acciones se activan cuando el usuario hace clic en el botón.

Ahora debemos agregar las dependencias requeridas para mostrar los números de errores y agregar los nombres de clase "animated" y "faa-slow". Estas acciones deben ejecutarse cuando los usuarios entren en la pantalla o inicien sesión en la aplicación, por lo que vamos a añadir una acción adicional.

<info-button style="nav-icon-btn-danger" title="BUTTON_NOTIFICATIONS" icon="bell" id="Warnings" unit="">
  <button-action type="remove-class" target-action="animated faa-slow" target="#Warnings .fa-bell" />
  <button-action type="dialog" target="MessageWarnings" />
  <dependency source-type="launcher" target-type="unit" target-action="notification" initial="true">
    <dependency-element id="NotificationNumber" alias="notification"/>
  </dependency>
  <dependency>
   <dependency-element id="NotificationNumber" attribute="value" condition="ne" value="0" />
   <dependency-action type="add-class" target-action="animated faa-slow" target="#Warnings .fa-bell" />
  </dependency>
</info-button>

La primera dependencia es de tipo "launcher" y se ejecuta cuando el usuario entra en la pantalla donde este elemento se define gracias al atributo "initial" establecido en "true". La dependencia, apunta al atributo "unit" del botón info-button y depende de un elemento con un id "NotificationNumber" representado en la etiqueta "dependency-element". Este nuevo elemento se creará en los siguientes pasos.

La segunda dependencia es de tipo "action". Esta acción se activará cuando el valor del "dependency-element" (el elemento con un identificador de "NotificationNumber") no sea igual (ne) a cero. Esto se representa con los siguientes atributos: attribute="value" condition="ne" value="0". La acción para esta dependencia es de tipo "add-class", así que cuando se ejecuta esta acción, se añadirá un nombre de clase a un elemento. Esta acción apunta al elemento con el nombre de la clase "fa-bell" dentro del elemento con el id "Warnings" (atributo "target" en la etiqueta dependency-action), por lo que este elemento recibirá el nombre de la clase descrito en el atributo "target-action" ("animated faa-slow").

Ahora vamos a definir el elemento de dependencia "NotificationNumber". Este elemento será un criterio oculto y tiene un atributo "initial-load" definido como "value" y un "target-action" que apunta a una consulta que debe definirse en "Queries.xml" en AWE.

<criteria id="NotificationNumber" component="hidden" initial-load="value" target-action="getNotificationErrors" />

Y por último, pero no menos importante, la definición del diálogo.

<dialog id="MessageWarnings" modal="true" style="modal-lg" label="SCREEN_TEXT_WARNINGS" icon="exclamation-triangle" help="HELP_SCREEN_TEXT_PRINT_EMAIL">
  <tag type="div" style="modal-body row">
    <window label="BUTTON_NOTIFICATIONS" icon="bell" expandible="vertical">
      <grid id="GridMessageWarning" style="height-lg" max="50" server-action="data-silent" target-action="getErrorMessageInfo" autoload="true" autorefresh="30">
        ...
        columns definition
        ...
      </grid>
    </window>
  </tag>
</dialog>

En este punto hemos creado todos los elementos necesarios en la pantalla. El siguiente paso es definir las consultas que extraen los datos de la base de datos.

Queries

En el archivo "Queries.xml" debemos definir las siguientes etiquetas:

<query id="getErrorMessageInfo" service="getErrorMessageInfo"/>

<query id="getNotificationErrors" service="getErrorMessageInfo">
  <field id="errors" alias="value" />
  <field id="errors" alias="label" />
</query>

La primera consulta apunta a un servicio llamado "getErrorMessageInfo" definido en el archivo "Services.xml" en AWE. Esta consulta será lanzada por el grid creado en el diálogo.

La segunda consulta apunta al mismo servicio y espera dos valores uno para un campo "valor" y otro para un campo "etiqueta". Esta consulta será lanzada por los criterios ocultos.

Servicio

Una vez que las consultas están definidas y apuntan a un servicio, debemos crear este servicio. En el archivo "Services.xml" debemos definir las siguientes etiquetas:

<service id="getErrorMessageInfo">
  <java classname="com.example.web.controller.ErrorMessageController" method="getErrorMessageInfo">
  </java>
</service>

Este servicio ejecuta el método "getErrorMessageInfo" en la clase "com.example.web.controller.ErrorMessageController".

Java

En el Controlador debemos crear el método "getErrorMessageInfo" y devolver un objeto ServiceData. Este controlador debe llamar a una clase Manager.

public class ErrorMessageController extends AWEController {
  public ServiceData getErrorMessageInfo() throws AWException {

    // Get event manager
    ErrorMessageManager errorMessageManager = new ErrorMessageManager();

    return errorMessageManager.getErrorMessageInfo();
  }
}

En la definición de Gestor debemos crear una acción de llenado del cliente para cargar datos en el grid de diálogo y una acción de cliente seleccionada para cargar datos en criterios ocultos.

public class ErrorMessageManager extends AWEManager {

  /**
   * Get error info
   * 
   * @return
   * @throws AWException
   */
  public ServiceData getErrorMessageInfo() throws AWException {
    ...
          ClientAction fillErrorGrdAction = new ClientAction("fill");
          fillErrorGrdAction.setSilent("true");
          fillErrorGrdAction.setTarget("GridMessageWarning");

          DataList errorGrdParametersDatalist = new DataList();
          Integer rowIndex = 0;
          for (ErrorBean error : errorList) {
            HashMap<String, CellData> parametersRow = new HashMap<String, CellData>();
            parametersRow.put("id", new CellData(rowIndex));

            ...
            // add columns data
            ...

            errorGrdParametersDatalist.getRows().add(parametersRow);
            rowIndex++;
          }
          // Set records
          errorGrdParametersDatalist.setRecords(rowIndex);

          fillErrorGrdAction.addParameter("datalist", errorGrdParametersDatalist);

          // Notification Number
          ClientAction selectCrtNotificationNumberAction = new ClientAction("select");
          selectCrtNotificationNumberAction.setTarget("NotificationNumber");
          selectCrtNotificationNumberAction.setSilent("true");

          errorListSize = errorList.size();
          ArrayNode notifNumberArrayNode = JsonNodeFactory.instance.arrayNode();
          notifNumberArrayNode.add(String.valueOf(errorListSize));
          selectCrtNotificationNumberAction.addParameter("values", new CellData(notifNumberArrayNode));

          // Adds clients actions
          serviceData.addClientAction(selectCrtNotificationNumberAction);
          serviceData.addClientAction(fillErrorGrdAction);
    ...
  }