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.

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

• Téléchargement des ressources
• Installez Tomcat si vous ne l'avez pas déjà. Les instructions d’installation de tomcat sont disponibles ici
• Déployez le fichier SampleRest.war contenu dans ce fichier zip dans votre Tomcat.
• 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 montant du prêt et sortez du champ par tabulation. Cela déclenche la règle qui affiche le champ de période de prêt.
• Sélectionnez la période de prêt appropriée (les éléments de la période de prêt sont renseignés à partir de l’appel de reste).
• Sélectionnez le taux d’intérêt et cliquez sur "Obtenir un calendrier d’amortissement".
• La table d'amortissement doit être renseignée. Le planning d’amortissement est récupéré à l’aide d’un appel REST.

Ressources Business.Adobe.com

Multichannel Communication Personalized Experiences Personalized Communications Document Generation Content As A Service Web Content Management