Lesen von Zellenwerten aus einer Datenrasterkomponente

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

So verwenden Sie diese Funktion:

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. Ziehen Sie außerhalb der Data Grid-Komponente eine Textfeld-Komponente und legen Sie sie dort ab, um die Gesamtmenge aller Elemente im Data Grid anzuzeigen. Dies erfordert eine erweiterte Logik.

   1. Beschriften Sie die Komponente als Gesamtmenge.

   2. Aktivieren Sie das Kontrollkästchen Deaktiviert auf der Registerkarte Anzeige der Komponente. Dadurch wird das Feld schreibgeschützt.

   3. Klicken Sie auf der Registerkarte Logik auf Logik hinzufügen , um den Trigger und die Aktion zum Addieren der Werte zu konfigurieren.

   4. Geben Sie im Abschnitt Trigger > Feld Logikname einen Namen für Ihre Logik ein.

   5. Wählen Sie den Trigger- Typ als Einfach aus. Lassen Sie die restlichen Felder leer, damit die Logik bei jeder Datenrasteränderung ausgelöst wird.

   6. Geben Sie im Abschnitt Aktionen > Feld Aktionsname einen Namen für Ihre Aktion ein. In diesem Fall soll die ausgelöste Aktion den Gesamtwert aktualisieren, deshalb haben wir updateValue als Aktionsnamen verwendet.

   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;
      

      Das obige Code-Snippet durchläuft die vorhandenen Werte im Datenraster und summiert sie. Mit jedem neuen Wert wird die Iteration neu gestartet, wodurch der Gesamtwert aktualisiert wird.

   8. Speichern Sie die Aktion und die Logik.

   9. Speichern Sie die Textfeld- Komponente.

7. Speichern Sie das Formular.
8. At runtime, when you add a new item to the grid, notice the Total Quantity value being updated.

Beispielworkflow

Laden Sie das XAML-Beispielherunter, um den vollständigen Workflow zu überprüfen oder später darauf zurückgreifen zu können