Adición dinámica de elementos al componente de grupo de opciones

AEM Forms 6.5 ha introducido la capacidad de agregar elementos de forma dinámica a un componente de grupo de opciones de Forms adaptable, como Casilla de verificación, Botón de radio y Lista de imágenes.

Puede agregar elementos mediante el editor visual, así como el editor de código, según el caso de uso.

Uso del editor visual: Puede rellenar los elementos del grupo de opciones a partir de los resultados de una llamada de función o de una llamada de servicio. Por ejemplo, puede configurar los elementos del grupo de opciones consumiendo la respuesta de una llamada a la API de REST.

En la captura de pantalla siguiente, estamos configurando las opciones de Periodo(años) de préstamo en los resultados de una llamada de servicio llamada getLoanPeriods.

Editor de reglas

Uso del editor de código: Cuando desee definir los elementos del grupo de opciones de forma dinámica en función de los valores introducidos en el formulario. Por ejemplo, el siguiente fragmento de código establece los elementos de la casilla de verificación en los valores introducidos en los campos de nombre de solicitante y cónyuge del formulario adaptable.

En el fragmento de código, se configuran los elementos de WorkingMembers que es un componente de casilla de verificación. La matriz de los elementos se está creando dinámicamente recuperando los valores de los campos de texto de nombre de solicitante y cónyuge de los formularios adaptables

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

Los datos presentados son los siguientes

<afUnboundData>

<data>

<applicantName>John Jacobs</applicantName>

<MaritalStatus>Married</MaritalStatus>

<spouse>Gloria Rios</spouse>

<WorkingMembers>spouse,applicant</WorkingMembers>

</data>

</afUnboundData>

Adición de elementos mediante el editor de reglas

Adición de elementos mediante el editor de código

Para probar esto en su sistema:

Uso del editor de código para agregar elementos

  • Descargar los recursos
  • Abrir Forms Y Documentos
  • Haga clic en "Crear" | Cargar archivo" y cargar el archivo que descargó en el paso anterior
  • Vista previa de los formularios
  • Especifique el nombre del solicitante y seleccione el estado civil del matrimonio
  • Escriba el nombre del cónyuge
  • Haga clic en Siguiente
  • Debería ver casillas de verificación rellenadas con el nombre del solicitante y con el nombre del cónyuge si el estado civil está casado

Uso del editor visual para añadir elementos

NOTA

Se supone que tomcat se ejecuta en el puerto 8080 y AEM en el puerto 4502

En esta página