Aktualisieren von Formulardaten

Das Klicken auf Schaltflächen in Formularen löste normalerweise die Ausführung des Do -Blocks aus. Für die Aktion „ Click “ einer Button -Komponente ist eine neue Funktion mit dem Namen „ Use for Local Update “ verfügbar. Sie können das Formular aktualisieren, ohne den Do -Block auszuführen.

Tutorial

Im nächsten Tutorial wird erläutert, wie Schaltflächen erstellt werden, um zwischen mehreren Seiten eines Formulars zu navigieren.

1. Öffnen Sie den Formular-Designer über die Aktivität Formular erstellen .

2. Ziehen Sie mehrere Panel- Komponenten oder beliebige andere Komponenten Ihrer Wahl und legen Sie sie dort ab.

   In diesem Beispiel stellt jede Panel-Komponente eine andere Seite des Formulars dar und sammelt unterschiedliche Informationen.

3. Ziehen Sie eine ausgeblendete Komponente (aus der Kategorie Daten ) und legen Sie sie dort ab. Dies wird verwendet, um die aktuelle Panelnummer zu verfolgen.

   Legen Sie für dieses Beispiel die Komponentenbezeichnung als StepIdfest. Standardmäßig ist der Name des Feldschlüssels auf stepIdfestgelegt.
   
   

   

   
   

4. Navigieren Sie zu jeder Panel -Komponente > Registerkarte Bedingt und legen Sie die Bedingungen für die Anzeige des Panels fest.

   In diesem Beispiel wird jeder Bereich nur angezeigt, wenn stepId gleich der Bereichsnummer ist. Um dies zu erreichen:

   • Wählen Sie im Abschnitt Einfache Bedingungen > Feld Diese Komponente sollte anzeigen die Option Trueaus.
   • Wählen Sie im Feld Wenn die Formularkomponente die Option StepIdaus.
   • Geben Sie im Feld Hat den Wert die Nummer des Bereichs ein (z. B. erster Bereich –1, zweiter Bereich –2usw.).
   
   

   

   
   

5. Ziehen Sie Button -Komponenten in jede Panel -Komponente und legen Sie sie wie folgt ab:

   • Fügen Sie für den ersten Bereich eine Button -Komponente hinzu, um zum zweiten Bereich zu navigieren (z. B. Next Step).
   • Für das letzte Panel fügen Sie eine Button -Komponente hinzu, um zum vorherigen Panel zu navigieren (z. B. Prev Step).
   • Fügen Sie für die Panels dazwischen zwei Button -Komponenten hinzu: eine, um zum vorherigen Panel zu navigieren, und eine, um zum nächsten zu navigieren.
6. Navigieren Sie zur Registerkarte Anzeige der einzelnen Schaltflächen. Legen Sie die Schaltfläche Aktion auf Click. Das Kontrollkästchen Für lokales Update verwenden wird angezeigt. Dies ist die Funktion, die die Navigation zwischen Formularbereichen beim Klicken auf eine Schaltfläche ermöglicht, ohne den Block „Do “ auszuführen.
7. Aktivieren Sie das Kontrollkästchen Für lokales Update verwenden. Der Editor zum Aktualisieren des Data Logic -Codes wird angezeigt.

8. Verwenden Sie das vordefinierte JavaScript-Snippet und geben Sie die Daten, die Sie aktualisieren möchten, zwischen den geschweiften Klammern ein. Stellen Sie sicher, dass Sie die Feldschlüsselnamen der Formularkomponenten verwenden, die Sie aktualisieren möchten (die in Schritt 3 festgelegten).

   Das JavaScript-Snippet hat die folgende Vorlage: instance.emit('updateData', {[field_key_name]:[field_key_update_value]});, wobei [field_key_name] den Komponentenfeldschlüssel und [field_key_update_value] den neuen Wert für die Komponente darstellt.

   Verwenden Sie für dieses Beispiel die folgenden Snippets:

   • Für Next Step -Schaltflächen:instance.emit('updateData', {stepId:X});und ersetzen Sie X durch die Nummer des nächsten Panels (z. B. für die Schaltfläche im zweiten Panel verwenden Sie instance.emit('updateData', {stepId:3});)
   • Für Prev Step -Schaltflächen:instance.emit('updateData', {stepId:Y});und ersetzen Sie Y durch die Nummer des vorherigen Panels (z. B. für die Schaltfläche im zweiten Panel verwenden Sie instance.emit('updateData', {stepId:1});)

Beispielworkflow

Um den vollständigen Workflow zu überprüfen oder eine zukünftige Referenz zu haben, laden Sie das XAML-Beispielherunter