Ajouter dynamiquement des éléments au composant de groupe de choix

AEM Forms 6.5 offre la possibilité d’ajouter dynamiquement des éléments à un composant de groupe de choix de formulaire adaptatif, comme Case à cocher, Bouton radio et Liste d’images.

Vous pouvez ajouter des éléments à l’aide de l’éditeur visuel ainsi que de l’éditeur de code en fonction de votre cas d’utilisation.

À l’aide de l’éditeur visuel : vous pouvez renseigner les éléments du groupe de choix à partir des résultats d’un appel de fonction ou d’un appel de service. Par exemple, vous pouvez définir les éléments du groupe de choix en utilisant la réponse d’un appel API REST.

Dans la capture d’écran ci-dessous, nous définissons les options de la période de prêt (années) avec les résultats d’un appel de service appelé getLoanPeriods.

À l’aide de l’éditeur de code  : lorsque vous souhaitez définir dynamiquement les éléments du groupe de choix en fonction des valeurs saisies dans le formulaire. Par exemple, l’extrait de code suivant définit les éléments de la case à cocher sur les valeurs saisies dans les champs de la personne à l’origine de la demande et de son conjoint ou sa conjointe du formulaire adaptatif.

Dans l’extrait de code, nous définissons les éléments de WorkingMembers qui est un composant Case à cocher. Le tableau des éléments est créé dynamiquement en récupérant les valeurs des champs de texte applicantName et conjoint ou conjointe des formulaires adaptatifs.

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

Les données envoyées sont les suivantes :

<afUnboundData>

<data>

<applicantName>John Jacobs</applicantName>

<MaritalStatus>Married</MaritalStatus>

<spouse>Gloria Rios</spouse>

<WorkingMembers>spouse,applicant</WorkingMembers>

</data>

</afUnboundData>

Ajouter des éléments à l’aide de l’éditeur de règles

Ajouter des éléments à l’aide de l’éditeur de code

Pour essayer ceci sur votre système :

À l’aide de l’éditeur de code pour ajouter des éléments :

À l’aide de l’éditeur visuel pour ajouter des éléments :