Dynamisches Hinzufügen von Elementen zur Auswahlgruppenkomponente

AEM Forms 6.5 bietet die Möglichkeit, Elemente dynamisch zu einer Auswahlgruppe für adaptive Forms hinzuzufügen, z. B. Kontrollkästchen, Optionsfelder und Bild-Listen.

Diese Funktion ist live auf dem Samples Server verfügbar. Suchen Sie nach einer Karte mit dynamischen Kontrollkästchen und klicken Sie auf "Testen".

Sie können Elemente je nach Anwendungsfall im Visual Editor sowie im Code-Editor hinzufügen.

Verwenden des Visual Editor: Sie können die Elemente der Auswahlgruppe aus den Ergebnissen eines Funktionsaufrufs oder Dienstaufrufs füllen. Sie können beispielsweise die Elemente der Auswahlgruppe festlegen, indem Sie die Antwort eines REST-API-Aufrufs verwenden.

Im folgenden Screenshot stellen wir die Optionen der Kreditlaufzeit(n) auf die Ergebnisse eines Dienstaufrufs namens getLoanPeriods ein.

Regeleditor

Verwenden des Code-Editors: Wenn Sie die Elemente in der Auswahlgruppe basierend auf den im Formular eingegebenen Werten dynamisch festlegen möchten. Im folgenden Codefragment werden die Elemente des Kontrollkästchens beispielsweise auf die Werte gesetzt, die in die Felder "Name des Antragstellers"und "Ehegatte"des adaptiven Formulars eingegeben wurden.

Im Codefragment legen wir die Elemente von WorkingMembers fest, die eine Kontrollkästchenkomponente sind. Das Array für die Elemente wird dynamisch erstellt, indem die Werte der Textfelder "applicatorName"und "Ehegatte"der adaptiven Formulare abgerufen werden

 
 if(MaritalStatus.value=="Married")
  {
WorkingMembers.items =["spouse="+spouse.value,"applicant="+applicantName.value];
  }
else
  {
    WorkingMembers.items =["applicant="+applicantName.value];
  }

Die übermittelten Daten lauten wie folgt:

<afUnboundData>

<data>

<applicantName>John Jacobs</applicantName>

<MaritalStatus>Married</MaritalStatus>

<spouse>Gloria Rios</spouse>

<WorkingMembers>spouse,applicant</WorkingMembers>

</data>

</afUnboundData>

Hinzufügen von Elementen mit dem Regeleditor

Hinzufügen von Elementen mit dem Code-Editor

So versuchen Sie es auf Ihrem System:

Hinzufügen von Elementen mit dem Code-Editor

  • Herunterladen der Assets
  • Offenes Forms und Dokumente
  • Klicken Sie auf "Erstellen | Datei-Upload"und laden Sie die Datei hoch, die Sie im vorherigen Schritt heruntergeladen haben.
  • Vorschau der Formulare
  • Geben Sie den Namen des Antragstellers ein und wählen Sie den Familienstand für die Verheiratete aus.
  • Name des Ehegatten eingeben
  • Klicken Sie auf Weiter
  • Das Kontrollkästchen mit dem Namen des Antragstellers und dem Namen des Ehegatten sollte angezeigt werden, wenn der Familistatus verheiratet ist

Hinzufügen von Elementen mit dem Visual Editor

HINWEIS

Es wird angenommen, dass tomcat auf Port 8080 und AEM auf Port 4502 ausgeführt wird

Auf dieser Seite

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now