Aggiunta dinamica di elementi al componente gruppo di scelta

AEM Forms 6.5 ha introdotto la possibilità di aggiungere in modo dinamico elementi a un componente per un gruppo di scelta Forms adattivo come CheckBox, Pulsante di scelta e 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 compilare gli elementi del gruppo di scelta dai risultati di una chiamata di funzione o di una chiamata di 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 di prestito (anni) ai risultati di una chiamata di servizio chiamata getLoanPeriods.

Editor regola

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

Nello snippet di codice, stiamo impostando gli elementi di WorkingMembers che è un componente casella di controllo. La matrice per gli elementi viene generata in modo dinamico recuperando i valori dei campi di testo nomecandidato 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 tuo sistema:

Utilizzo dell’editor di codice per aggiungere elementi

  • Scaricare le risorse
  • Apri Forms E Documenti
  • Fai clic su "Crea | Caricamento file" e carica il file scaricato nel passaggio precedente
  • Anteprima dei moduli
  • Immettere il nome del candidato e selezionare lo stato civile da sposare
  • Inserire il nome del coniuge
  • Fai clic su Avanti
  • 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

NOTA

Si presume che tomcat sia in funzione sulla porta 8080 e AEM sulla porta 4502

In questa pagina