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.

Éditeur de règles

À 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 :

  • Téléchargez les ressources.
  • Ouvrez Formulaires et documents.
  • Cliquez sur « Créer | Charger un fichier » et chargez le fichier que vous avez téléchargé à l’étape précédente.
  • Prévisualisez les formulaires.
  • Saisissez le nom de la personne à l’origine de la demande et sélectionnez État civil Marié(e).
  • Saisissez le nom du conjoint ou de la conjointe.
  • Cliquez sur Suivant.
  • Vous devriez voir une case à cocher remplie avec le nom de la personne à l’origine de la demande et le nom du conjoint ou de la conjointe si la situation de famille est « Marié(e) ».

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

NOTE
On suppose que Tomcat fonctionne sur le port 8080 et AEM sur le port 4502.
recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e