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.

1. Créez un nouveau formulaire et ajoutez un composant Data Grid .
2. Dans la Grille de données (Data Grid), faites glisser et déposez un composant Champ de texte (Text Field ) et un composant Nombre (Number). Nommez-les Item et Quantity.
   Pour que la logique suivante fonctionne, assurez-vous que les noms de propriété des deux composants sont exactement comme ceux ci-dessous :

   • Champ de texte - textField
   • Nombre - number
3. Ajoutez un autre composant Champ de texte (Text Field ) dans le formulaire, mais en dehors de la Grille de données. Nommez-la comme Quantité totale ( Total Quantity ) et définissez le Nom de la propriété sur lastNumber.
4. Dans l'onglet Affichage du champ de texte Quantité totale ( Total Quantity ), sélectionnez Désactivé ( Disabled) . Cela rend le composant en lecture seule.
5. Dans l'onglet Logique (Logic) du champ de texte Quantité totale ( Total Quantity ), configurez une logique pour additionner les cellules numériques de la grille de données dans ce champ.
   1. Sélectionnez Ajouter une logique (Add Logic) pour configurer le déclencheur et Actions (Actions) pour additionner les valeurs.
   2. Dans la section Déclencheur (Trigger), et dans le champ Nom de la logique (Logic Name ), saisissez un nom pour votre logique.
   3. Sélectionnez le Type de déclencheur ( Type de déclencheur) comme Simple. Laissez le reste des champs vides afin que la logique se déclenche en cas de modification de la grille de données.
   4. Dans la section Actions et dans le champ Nom de l'action , saisissez un nom pour votre action. Dans ce cas, les Actions déclenchées consistent à mettre à jour la valeur updateValue totale. Nous avons donc utilisé comme nom des Actions .
   5. Sélectionnez le type Actions de valeur ( Value Actions ), puis 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. Enregistrez les Actions et la logique, puis le composant.

Au moment du Runtime, lorsque vous ajoutez un nouvel élément à la grille, la valeur de la Quantité totale ( Total Quantity ) est mise à jour.

Exemple de workflow

Pour vérifier le workflow complet et essayer le tutoriel vous-même, téléchargez l' exemple de workflow.