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

Vous pouvez lire les valeurs de cellule à partir d'un composant Data Grid . Par exemple, vous apprendrez à additionner dynamiquement toutes les valeurs d'une colonne de la grille de données . Pour tout nouvel élément, le champ Quantité totale ( Total Quantity ) affiche la nouvelle valeur totale.

Tutoriel

Pour utiliser cette fonctionnalité :

1. Ajoutez l’activité Créer un formulaire à votre workflow.
2. Ouvrez le Concepteur de formulaires à partir de l'activité Créer un formulaire (Create Form) .
3. Faites glisser et déposez un composant Data Grid .
4. À l'intérieur du composant Data Grid , faites glisser et déposez un composant Text Field pour stocker le nom de l'élément (labellisez-le Item).
5. À l'intérieur du composant Data Grid , faites glisser et déposez un composant Number pour stocker la quantité de l'élément (étiquetez-le comme 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.

   6.1. Étiquetez le composant comme Quantité totale (Total Quantity) .

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

   6.3. Dans l'onglet Logique (Logic), cliquez sur Ajouter une logique ( Add Logic) pour configurer le déclencheur et l'action pour additionner les valeurs.

   6.4. Dans la section Déclencheur (Trigger) > champ Nom de la logique (Logic Name ), saisissez un nom pour votre logique.

   6.5. Sélectionnez le Type de déclencheur comme Simple. Laissez les autres champs vides afin que la logique se déclenche pour toute modification de la grille de données .

   6.6. Dans la section Actions (Actions) > champ Nom de l' action (Action Name ), 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 de l'action.

   6.7. Sélectionnez le type d'action Valeur (Value) et entrez le script suivant dans la section Valeur (Javascript) :

   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 dans la grille de données et les résume. Toute nouvelle valeur redémarre l'itération, mettant ainsi à jour la valeur totale.

   6.8. Save the action and the logic.

   6.9. Enregistrez le composant Champ de texte (Text Field ).

7. Enregistrez le formulaire.
8. Au moment de l'exécution, lorsque vous ajoutez un nouvel élément à la grille, notez la mise à jour de la valeur Quantité totale ( Total Quantity ).

Exemple de workflow

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