Uso de botones para desencadenar lógica personalizada

Aprende a configurar un componente Botón en formularios para que actúe como desencadenador de eventos. Este tutorial te ayuda a configurar la lógica personalizada para que un botón ejecute acciones. Por ejemplo, este tutorial te ayuda a calcular los valores de dos componentes numéricos y a mostrar el resultado en otro componente numérico dentro del formulario.

Prerrequisitos:

1. Instala Persistence.Activities versión 1.4.8 o superior.
2. Selecciona Formularios avanzados para la actividad Crear tarea de formulario .

1. Añade los componentes para los que quieres calcular valores y el componente en el que quieres mostrar el resultado.
   Ten en cuenta sus Nombres de propiedad, ya que los necesitarás al configurar la lógica personalizada para el cálculo de valores.
   En este ejemplo, añade dos componentes Número dentro de tu formulario y configúralos como se muestra en la siguiente tabla:

   Etiqueta	Nombre de propiedad
   Number1	number1
   Number2	number2

2. Añade el componente donde quieres mostrar el resultado.
   Ten en cuenta los Nombres de propiedad, ya que los necesitarás al configurar la lógica personalizada para el cálculo de valores.
   En este ejemplo, añade otros componentes de Número dentro de tu formulario, y configúralo como se muestra en la siguiente tabla:

   Etiqueta	Nombre de propiedad
   Total	total

3. Añade un componente Botón , que desencadenará el evento de cálculo para los componentes añadidos anteriormente.
   1. Establece la Acción del botón en Evento.
   2. Nombra el Evento de botón como calculate.
      Recuerda este nombre, porque debe coincidir con la lógica que configuraste para el componente que muestra el resultado.
4. Navega hasta el componente que muestra el resultado. Configura una lógica utilizando un desencadenador y una acción que añada los valores de dos componentes cuando se haga clic en el botón calculate . Asegúrate de que tanto la lógica como la acción se llamen calculate.
5. En el ejemplo dado, configura la lógica de la siguiente manera:
   1. Nombra la lógica calculate.
   2. Establece el Tipo de desencadenador en Evento.
   3. Establece el Nombre del evento como calculate.
   4. Nombra la acción calculate.
   5. Establece el Tipo en Valor.
   6. Introduce la acción JavaScript que quieres que esta lógica ejecute en el campo Valor (Javascript) .
      Para este ejemplo, devuelve la suma de los dos componentes Número.

      return data.number1 + data.number2

      La variable data se utiliza para acceder a los valores de los componentes en el formulario.
   7. Guarda las configuraciones de la acción y la lógica.

Ejemplo de flujo de trabajo

Para probar el tutorial tú mismo, descarga el flujo de trabajo de muestra aquí.