Cree un componente desplegable de países basado en un componente desplegable
[AEM Forms as a Cloud Service]{class="badge informative"}
La creación de un nuevo componente principal en Adobe Experience Manager (AEM) es un proceso interesante que implica varios pasos, incluida la definición de la estructura del componente, la personalización del cuadro de diálogo y la implementación de un modelo Sling para la funcionalidad dinámica.
Al final de este tutorial, habrá dominado cómo hacer lo siguiente:
- Cree y utilice un modelo Sling para recuperar datos de forma dinámica.
- Personalice el cuadro de diálogo cq-dialog añadiendo nuevos campos y ocultando otros.
- Defina una estructura de componentes sólida y adaptada para su reutilización.
El componente, denominado "Países", permite a los usuarios seleccionar un continente y rellenar dinámicamente un menú desplegable con países correspondientes al continente elegido. Esto se creará sobre la base del componente de lista desplegable predeterminado, mejorado para este caso de uso específico.
¡Vamos a sumergirnos y crear este componente dinámico y potente!
Requisitos previos
La creación de un nuevo componente principal en Adobe Experience Manager (AEM) requiere cumplir varios requisitos previos para garantizar un proceso de desarrollo sin problemas. Esto es lo que necesita antes de empezar:
- Entorno de desarrollo de AEM: una instalación funcional preparada para la nube que se ejecuta localmente
- Acceso a herramientas de desarrollo de AEM como Visual Studio Code o IntelliJ
- Configuración de MAven y proyectos AEM con el último tipo de archivo
- Conocimientos básicos de los conceptos de AEM
- Herramientas básicas y configuración, como repositorio Git, versión correcta de JDK