Ajout dynamique d’é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 Forms adaptatif tel que 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

Utilisation 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, le fragment de code suivant définit les éléments de la case à cocher sur les valeurs saisies dans les champs du nom du demandeur et de l’épouse du formulaire adaptatif.

Dans le fragment de code, nous définissons les éléments de WorkingMembers qui est un composant de case à cocher. Le tableau des éléments est créé dynamiquement en récupérant les valeurs des champs de texte applicantName et épouse 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>

Ajout d’éléments à l’aide de l’éditeur de règles

Ajout d’éléments à l’aide de l’éditeur de code

Pour essayer ceci sur votre système :

Utilisation de l’éditeur de code pour ajouter des éléments

  • Téléchargement des ressources
  • Ouvrir Forms Et Documents
  • Cliquez sur "Créer" | Téléchargement du fichier" et chargez le fichier que vous avez téléchargé à l’étape précédente.
  • Aperçu des formulaires
  • Saisissez le nom du demandeur et sélectionnez État civil au mariage
  • Saisissez le nom du conjoint
  • Cliquez sur Suivant
  • Vous devriez voir une case à cocher remplie avec le nom du demandeur et le nom du conjoint si la situation de famille est mariée.

Utilisation de l’éditeur visuel pour ajouter des éléments

REMARQUE

On suppose que tomcat fonctionne sur le port 8080 et AEM sur le port 4502

Sur cette page