Lesen von Zellenwerten aus einer Datenrasterkomponente

Sie können die Zellwerte aus einer Data Grid- Komponente lesen. Sie erfahren beispielsweise, wie Sie alle Werte in einer Data Grid- Spalte dynamisch summieren. Für jeden neuen Artikel zeigt das Feld Gesamtmenge den neuen Gesamtwert an.

1. Erstellen Sie ein neues Formular und fügen Sie eine Datenrasterkomponente hinzu.
2. Ziehen Sie innerhalb des Datenrasters eine Textfeldkomponente und eine Zahlenkomponente und legen Sie sie ab. Benennen Sie sie Item und Menge.
   Damit die weitere Logik funktioniert, stellen Sie sicher, dass die Eigenschaftsnamen für die beiden Komponenten genau wie die folgenden sind:

   • Textfeld – textField
   • Zahl – number
3. Fügen Sie eine weitere Textfeldkomponente im Formular hinzu, jedoch außerhalb des Datenrasters. Benennen Sie sie als Gesamtmenge und legen Sie den Eigenschaftsnamen als lastNumberfest.
4. Wählen Sie auf der Registerkarte Anzeige des Textfelds Gesamtmenge die Option Deaktiviertaus. Dadurch wird die Komponente schreibgeschützt.
5. Konfigurieren Sie auf der Registerkarte Logik des Textfelds Gesamtmenge eine Logik zum Summieren der Datenrasternummernzellen in diesem Feld.
   1. Wählen Sie Logik hinzufügen aus, um den Trigger und die Actions zu konfigurieren und die Werte zu addieren.
   2. Geben Sie im Abschnitt Trigger und im Feld Logikname einen Namen für Ihre Logik ein.
   3. Wählen Sie Einfach als Trigger -Typaus. Lassen Sie die restlichen Felder leer, damit die Logik bei jeder Änderung des Datenrasters ausgelöstwird.
   4. Geben Sie im Abschnitt Actions und im Feld Aktionsname einen Actions für Ihre Actionsein. Da die ausgelösten Actions den Gesamtwert aktualisieren, haben wir updateValue als Actions verwendet.
   5. Wählen Sie den Actions Wert aus, und geben Sie dann das folgende Skript im Abschnitt Wert (Javascript) ein:

      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 und der Gesamtwert aktualisiert.
   6. Speichern Sie die Actions und die Logik und dann die Komponente.

Wenn Sie zur Runtimeein neues Element zum Raster hinzufügen, wird der Wert der Gesamtmenge aktualisiert.

Workflow-Beispiel

Laden Sie den Beispielworkflowherunter, um den vollständigen Workflow zu überprüfen und das Tutorial selbst zu testen.