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

AEM Forms 6.5 permet d’ajouter dynamiquement des éléments à un composant de groupe de choix Adaptive Forms tel que CheckBox, Radio Button et Image Liste.

Cette fonctionnalité est disponible en direct sur Samples Server. Recherchez la carte d'éléments de case à cocher dynamique et cliquez sur "Essayer".

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.

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

Dans la capture d'écran ci-dessous, nous définissons les options de la Période de prêt(années) aux 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 du conjoint du formulaire adaptatif.

Dans le fragment de code, nous définissons les éléments de WorkingMembers qui est un composant de case à cocher. La baie pour les éléments est créée dynamiquement en récupérant les valeurs des champs de texte NomRequérant et Mariage 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 :

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écharger le fichier" et télécharger le fichier que vous avez téléchargé à l’étape précédente
  • Prévisualisation des formulaires
  • Saisissez le nom du demandeur et sélectionnez État civil au mariage.
  • Entrez le nom du conjoint
  • Cliquez sur Suivant
  • Vous devriez voir la case à cocher renseignée avec le nom du demandeur et le nom du conjoint si l'état civil est marié.

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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free