Bedingte Komponenten

Um Ihre Formulare dynamisch zu gestalten, können Sie die Registerkarte Bedingt einer Formularkomponente verwenden. Dort können Sie Bedingungen anwenden, die zur Runtimewerden. Sie können zwei Arten von Bedingungen anwenden:

• Einfache Bedingungen
• Erweiterte Bedingungen

Einfache Bedingungen

In diesem Tutorial wird veranschaulicht, wie einfache Bedingungen in einer Formularkomponente erstellt werden.

1. Öffnen Sie Ihre Formulardatei in Studio und fügen Sie Komponenten zu Ihrem Formular hinzu.
   Fügen Sie in diesem Beispiel die folgenden Komponenten hinzu:

   • Zwei Kontrollkästchen.
   • Eine einzelne Zahl.
   • Ein einzelnes Textfeld.
2. Navigieren Sie zur Registerkarte Bedingt der Komponente Textfeld und wechseln Sie zum Abschnitt Einfach .
   1. Diese Komponente sollte „Anzeigen “ sein – wählen Sie „ True “ aus der Dropdownliste aus. Dadurch wird die Bedingung erstellt, unter der die Textfeldkomponente angezeigt wird. Wenn Sie die Komponente ausblenden möchten, wählen Sie „ False
   2. Wenn die Formularkomponente - Wählen Sie die Komponente " Zahl " aus der Dropdownliste aus.
   3. Hat den Wert – Geben Sie den Wert der Zahlenkomponente ein, die das anzuzeigende Textfeld konditioniert.
   
   

   

   
   
3. Speichern Sie die Komponente.

Um zu sehen, wie sich die einfache Bedingung verhält, sehen Sie sich das Video unten an:

Erweiterte Bedingungen

Dieses Tutorial zeigt, wie erweiterte Bedingungen für eine Formularkomponente erstellt werden.

Wichtig: Erweiterte Bedingungen überschreiben einfache Bedingungen.

1. Öffnen Sie Ihre Formulardatei in Studio und fügen Sie Komponenten zu Ihrem Formular hinzu. Sie können dieselbe Formulardatei verwenden, die Sie zum Ausprobieren von einfachen Bedingungenverwendet haben.
   Fügen Sie in diesem Beispiel die folgenden Komponenten hinzu:

   • Zwei Kontrollkästchen.
   • Eine Zahl.
   • Ein einzelnes Textfeld.
2. Navigieren Sie zur Registerkarte Bedingt der Zahl- Komponente.
3. Klicken Sie auf Erweiterte Bedingungen und wechseln Sie zum Abschnitt JavaScript .
4. Wenn Sie die Bedingung zur Runtimemöchten, beginnen Sie Ihre Bedingung mit der booleschen Variablen show . Verwenden Sie die Variable data und den Eigenschaftsnamen , um auf die Daten in anderen Formularkomponenten zuzugreifen.

   In diesem Beispiel können Sie zum Anzeigen der Number -Komponente das folgende Skript eingeben:

   show = (data.checkbox1 === true && data.checkbox === true)

   
   

   

   
   

Wenn Sie eine Komponente unter einer Bedingung ausblenden möchten, setzen Sie ein Ausrufezeichen ! nach dem Gleichheitszeichen = und vor der Bedingung.

Um zu sehen, wie sich die erweiterte Bedingung verhält, sehen Sie sich das Video unten an: