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.

Tutorial

Para usar esta función:

1. Añade la actividad Crear formulario a tu flujo de trabajo.
2. Abre el Diseñador de formularios desde la actividad Crear formulario .
3. Arrastra y suelta un componente de Cuadrícula de datos .
4. Dentro del componente Cuadrícula de datos , arrastre y suelte un componente de Campo de texto para almacenar el nombre del elemento (etiquételo como Elemento).
5. Dentro del componente Cuadrícula de datos , arrastre y suelte un componente Número para almacenar la cantidad del elemento (etiquételo como Cantidad).

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.

   6.1. Etiquete el componente como Cantidad total.

   6.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.

   6.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.

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

   6.5. Seleccione el tipo de desencadenador como Simple. Dejaremos el resto de campos vacíos, para que la lógica desencadene cualquier cambio en la Cuadrícula de datos .

   6.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 usamos updateValue como nombre de la acción.

   6,7. Seleccione el tipo de acción Valor e 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.8. Save the action and the logic.

   6.9. Guarde el componente Campo de texto .

7. Guarda el formulario.
8. En runtime, cuando agregas un nuevo elemento a la cuadrícula, observarás que se actualiza el valor de Cantidad total .

Flujo de trabajo de muestra

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