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

You can read the cell values from a Data Grid component. For example, you will learn how to dynamically sum all values in a Data Grid column. For any new item, the Total Quantity field displays the new total value.

Tutorial

Para usar esta función:

1. Add the Create Form activity to your workflow.
2. Open the Form Designer from the Create Form activity.
3. Drag and drop a Data Grid component.
4. Inside the Data Grid component, drag and drop one Text Field component to store the item name (label it as Item).
5. Inside the Data Grid component, drag and drop one Number component to store the item quantity (label it as Quantity).
6. Fuera del componente Cuadrícula de datos, arrastra y suelta un componente Campo de texto para mostrar la cantidad total de elementos en la Cuadrícula de datos. Esto requiere una lógica avanzada.

   1. Etiquete el componente como Cantidad total.

   2. Selecciona la casilla de verificación Deshabilitado en la pestaña Visualización del componente. Esto hace que el campo sea de solo lectura.

   3. En la pestaña Lógica , haz clic en Añadir lógica para configurar el desencadenador y la acción para sumar los valores.

   4. En la sección Desencadenador > campo Nombre de la lógica , introduce un nombre para tu lógica.

   5. Selecciona el Tipo de desencadenador como Simple. Deja el resto de los campos vacíos, para que la lógica se desencadene para cualquier cambio en la cuadrícula de datos .

   6. En la sección Acciones > campo Nombre de la acción , introduce un nombre para tu acción. En este caso, la acción desencadenada es actualizar el valor total, por lo que utilizamos updateValue como nombre de la acción.

   7. Select the Value action type, and enter the following script in the Value (Javascript) section:

      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 resume. Cualquier valor nuevo reinicia la iteración, actualizando así el valor total.

   8. Guarde la acción y la lógica.

   9. Guarda el componente Campo de texto .

7. Guarda el formulario.
8. At runtime, when you add a new item to the grid, notice the Total Quantity value being updated.

Flujo de trabajo de muestra

Para comprobar el flujo de trabajo completo o para tener una referencia futura, descarga el ejemplo XAML