Verwenden von Schaltflächen zum Auslösen benutzerdefinierter Logik

Erfahren Sie, wie Sie eine Schaltflächenkomponente in Formularen so konfigurieren, dass sie als Ereignistrigger fungiert. In diesem Tutorial können Sie benutzerdefinierte Logik für eine Schaltfläche zum Ausführen von Aktionen einrichten. Mit diesem Tutorial können Sie beispielsweise die Werte aus zwei Zahlenkomponenten berechnen und das Ergebnis in einer anderen Zahl -Komponente im Formular anzeigen .

Voraussetzungen:

1. Installieren Sie Persistence.Activities Version 1.4.8 oder höher.
2. Wählen Sie Erweiterte Formulare für die Aktivität Create Form Task aus.

1. Fügen Sie die Komponenten hinzu, für die Sie Werte berechnen möchten, und die Komponente, für die Sie das Ergebnis anzeigen möchten.
   Notieren Sie sich ihre Eigenschaftsnamen, da Sie sie beim Einrichten der benutzerdefinierten Logik für die Wertberechnung benötigen.
   Fügen Sie in diesem Beispiel zwei Zahl -Komponenten in Ihrem Formular hinzu und konfigurieren Sie sie wie in der folgenden Tabelle gezeigt:

   Label	Name der Eigenschaft
   Number1	number1
   Number2	number2

2. Fügen Sie die Komponente hinzu, bei der Sie das Ergebnis anzeigen möchten.
   Beachten Sie die Eigenschaftsnamen, da Sie diese beim Einrichten der benutzerdefinierten Logik für die Wertberechnung benötigen.
   Fügen Sie in diesem Beispiel eine weitere Zahl -Komponente in Ihrem Formular hinzu und konfigurieren Sie es wie in der folgenden Tabelle gezeigt:

   Label	Name der Eigenschaft
   Total	total

3. Fügen Sie eine Schaltflächenkomponente hinzu, die das Berechnungsereignis für die zuvor hinzugefügten Komponenten auslöst.
   1. Legen Sie die Aktion der Schaltfläche auf Ereignis fest.
   2. Benennen Sie das Schaltflächenereignis als calculate.
      Speichern Sie diesen Namen, da er der Logik entsprechen sollte, die Sie für die Komponente eingerichtet haben, die das Ergebnis anzeigt.
4. Navigieren Sie zu der Komponente, die das Ergebnis anzeigt. Konfigurieren Sie eine Logik mithilfe eines Triggers und einer Aktion, die die Werte von zwei Komponenten hinzufügt, wenn auf die Schaltfläche calculate geklickt wird. Stellen Sie sicher, dass sowohl die Logik als auch die Aktion den Namen calculate haben.
5. Konfigurieren Sie die Logik im angegebenen Beispiel wie folgt:
   1. Benennen Sie die Logik calculate.
   2. Legen Sie den Trigger -Typ auf Ereignis fest.
   3. Legen Sie den Ereignisnamen als calculate.
   4. Benennen Sie die Aktion calculate.
   5. Legen Sie den Typ auf Value fest.
   6. Geben Sie die JavaScript-Aktion, die diese Logik ausführen soll, in das Feld Wert (Javascript) ein.
      In diesem Beispiel wird die Summe der beiden Zahl-Komponenten zurückgegeben.

      return data.number1 + data.number2

      Die Variable data wird verwendet, um auf Komponentenwerte im Formular zuzugreifen.
   7. Speichern Sie sowohl die Aktions- als auch die Logikkonfigurationen.

Workflow-Beispiel

Um das Tutorial selbst auszuprobieren, laden Sie den Beispielworkflow hier herunter.