Aggiunta dinamica di elementi al componente gruppo di scelta

In AEM Forms 6.5 è stata introdotta la possibilità di aggiungere elementi in modo dinamico a un componente del gruppo di scelta di Forms adattivo, ad esempio CheckBox, Pulsante di scelta ed Elenco immagini.

Puoi aggiungere elementi utilizzando l’editor visivo e l’editor di codice, a seconda del caso d’uso.

Utilizzo dell’editor visivo: Puoi popolare gli elementi del gruppo di scelta dai risultati di una chiamata di funzione o di un servizio. Ad esempio, puoi impostare gli elementi del gruppo di scelta utilizzando la risposta di una chiamata API REST.

Nella schermata seguente, stiamo impostando le opzioni di Periodo(anni) di prestito sui risultati di una chiamata al servizio denominata getLoanPeriods.

Editor regole

Utilizzo dell’editor di codice: quando si desidera impostare gli elementi nel gruppo di scelta in modo dinamico in base ai valori immessi nel modulo. Ad esempio, il seguente frammento di codice imposta gli elementi della casella di controllo sui valori immessi nei campi del nome del candidato e del coniuge del modulo adattivo.

Nel frammento di codice si impostano gli elementi di WorkingMembers che è un componente casella di controllo. L’array per gli elementi viene generato dinamicamente recuperando i valori dei campi di testo di nome richiedente e coniuge dei moduli adattivi


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

I dati presentati sono i seguenti

<afUnboundData>

<data>

<applicantName>John Jacobs</applicantName>

<MaritalStatus>Married</MaritalStatus>

<spouse>Gloria Rios</spouse>

<WorkingMembers>spouse,applicant</WorkingMembers>

</data>

</afUnboundData>

Aggiunta di elementi tramite l’editor di regole

Aggiunta di elementi tramite l’editor di codice

Per provare questo sul sistema:

Utilizzo dell’editor di codice per aggiungere elementi

  • Scaricare le risorse
  • Apri Forms E Documenti
  • Fai clic su "Crea" | File Upload" e carica il file scaricato nel passaggio precedente
  • Visualizzare l’anteprima dei moduli
  • Inserire il nome del candidato e selezionare lo stato civile da sposato
  • Inserisci il nome del coniuge
  • Fai clic su Successivo
  • Dovresti vedere la casella di controllo compilata con il nome del richiedente e con il nome del coniuge se lo stato civile è sposato

Utilizzo dell’editor visivo per aggiungere elementi

NOTE
Si presume che tomcat sia in esecuzione sulla porta 8080 e AEM sulla porta 4502
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e