Lecture des valeurs de cellule à partir d'un composant Data Grid

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.

Tutoriel

Pour utiliser cette fonctionnalité :

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. En dehors du composant Data Grid, faites glisser et déposez un composant Text Field pour afficher la quantité totale de tous les éléments dans la Data Grid. Cela nécessite une logique avancée.

   1. Labellisez le composant en tant que Quantité totale.

   2. Cochez la case Désactivé dans l'onglet Affichage du composant. Cela rend le champ en lecture seule.

   3. Dans l'onglet Logique , cliquez sur Ajouter une logique pour configurer le déclencheur et l'action pour additionner les valeurs.

   4. Dans la section Déclencheur > champ Nom de la logique , saisissez un nom pour votre logique.

   5. Sélectionnez le type de déclencheur sur Simple. Laissez le reste des champs vides, afin que la logique se déclenche pour tout changement de grille de données .

   6. Dans la section Actions > champ Nom de l'action , saisissez un nom pour votre action. Dans ce cas, l’action déclenchée consiste à mettre à jour la valeur totale. Nous avons donc utilisé updateValue comme nom d’action.

   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;
      

      L'extrait de code ci-dessus parcourt les valeurs existantes de la grille de données et les additionne. Toute nouvelle valeur redémarre l’itération, mettant ainsi à jour la valeur totale.

   8. Enregistrez l'action et la logique.

   9. Enregistrez le composant Champ de texte .

7. Enregistrez le formulaire.
8. At runtime, when you add a new item to the grid, notice the Total Quantity value being updated.

Exemple de workflow

Pour vérifier le workflow complet ou pour avoir une référence future, téléchargez l’ exemple XAML