Leer valores de celda de un componente de cuadrícula de datos

Puede leer los valores de celda desde un componente de Cuadrícula de datos . Por ejemplo, aprenderá a sumar dinámicamente todos los valores en una columna de cuadrícula de datos . Para cualquier artículo nuevo, el campo Cantidad total muestra el nuevo valor total.

1. Crear un nuevo formulario y añadir un componente de Cuadrícula de datos .
2. Dentro de la Cuadrícula de datos, arrastre y suelte un componente de Campo de texto y un componente de Número . Asígneles el nombre Artículo y Cantidad.
   Para que la lógica posterior funcione, asegúrese de que los nombres de propiedad para los dos componentes sean exactamente como los siguientes:

   • Campo de texto : textField
   • Número : number
3. Añade otro componente de Campo de texto en el formulario, pero fuera de la cuadrícula de datos. Nómbrala como Cantidad total y establece el Nombre de propiedad como lastNumber.
4. En la pestaña Visualización del campo de texto Cantidad total , selecciona Deshabilitado. Esto hace que el componente sea de solo lectura.
5. En la pestaña Lógica del campo de texto Cantidad total , configura una lógica para sumar las celdas del número de la cuadrícula de datos en este campo.
   1. Seleccione Añadir lógica para configurar el desencadenador y las Actions para sumar los valores.
   2. En la sección Desencadenador y en el campo Nombre de la lógica , introduce un nombre para tu lógica.
   3. Seleccione el Tipo de desencadenador como Simple. Deja el resto de campos vacíos para que la lógica desencadene cualquier cambio en la cuadrícula de datos.
   4. En la sección Actions y en el campo Actions de las acciones, introduce un nombre para tus Actions. En este caso, las Actions desencadenadas son para actualizar el valor total, por lo que usamos updateValue como nombre de las Actions .
   5. Seleccione el tipo Actions de valor y luego introduzca el siguiente script en la sección Valor (Javascript) :

      var result = 0;
      for (var i = 0; i < data.dataGrid.length; i++) {
        result += +(data.dataGrid[i].number);
      }
      return result;

      El fragmento de código anterior itera a través de los valores existentes en la cuadrícula de datos y los suma. Cualquier nuevo valor reinicia la iteración, actualizando así el valor total.
   6. Guarde las Actions y la lógica, y luego el componente.

En Runtime, cuando agrega un nuevo elemento a la cuadrícula, se actualiza el valor de Cantidad total .

Ejemplo de flujo de trabajo

Para comprobar el flujo de trabajo completo y probar el tutorial, descarga el flujo de trabajo de muestra.