Dynamisches Hinzufügen von Elementen zur Auswahlgruppen-Komponente

AEM Forms 6.5 bietet die Möglichkeit, Elemente dynamisch zu einer Auswahlgruppen-Komponente adaptiver Formulare (z. B. Kontrollkästchen, Optionsfeld und Bildliste) hinzuzufügen.

Sie können Elemente je nach Anwendungsfall mithilfe des visuellen Editors und des Code-Editors hinzufügen.

Verwenden des visuellen Editors: Sie können die Elemente der Auswahlgruppe anhand der Ergebnisse eines Funktions- oder Dienstaufrufs auffüllen lassen. Sie können beispielsweise die Elemente der Auswahlgruppe festlegen, indem Sie die Antwort eines REST-API-Aufrufs nutzen.

Im folgenden Screenshot stellen wir die Optionen für die Kreditlaufzeit in Jahren für die Ergebnisse eines Dienstaufrufs namens „getLoanPeriods“ ein.

Verwenden des Code-Editors: Wenn Sie die Elemente in der Auswahlgruppe dynamisch basierend auf den im Formular eingegebenen Werten festlegen möchten. Beispielsweise setzt das folgende Codesnippet die Elemente des Kontrollkästchens auf die Werte, die im adaptiven Formular in die Felder für den Namen der Antragsstellerin bzw. des Antragsstellers und für die Ehegattin bzw. den Ehegatten eingegeben wurden.

Im Codesnippet legen wir die Elemente von WorkingMembers fest. Dabei handelt es sich um eine Kontrollkästchen-Komponente. Das Array für die Elemente wird dynamisch erstellt, indem die Werte der Textfelder für den Namen der Antragsstellerin bzw. des Antragsstellers und für die Ehegattin bzw. den Ehegatten in den adaptiven Formularen 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

Gehen Sie wie folgt vor, um dies auf Ihrem System auszuprobieren:

Hinzufügen von Elementen mithilfe des Code-Editors

Hinzufügen von Elementen mithilfe des visuellen Editors