Expand my Community achievements bar.

Cascade Select Dropdown in AEM Component Dialog | AEM Community Blog Seeding




Cascade Select Dropdown in AEM Component Dialog by jimfrenette


Video: https://youtu.be/udidVJ4cn5k

This tutorial demonstrates how to populate CoralUI Select dropdowns in an AEM component dialog from a JSON data source using JavaScript. For added complexity, we’re cascading the dropdowns in multiple instances within a Multifield component.

Getting Started
The code for this tutorial was developed on AEM version which is the latest at the time of this writing. To replicate the project, you can download or clone the source code or create the project using the AEM Project Archetype version 24 Maven template as I have done.

Component Dialog
Rather than create a new component, we’re just going to modify the existing helloworld component that is included with the project.

In the helloworld dialog .content.xml, add the following component nodes after the existing text component node.

1. Heading component (optional)

2. Composite Multifield component

The Multifield needs to be composite to store the cars jcr:content as item nodes.

Read Full Blog

Cascade Select Dropdown in AEM Component Dialog


Please use this thread to ask the related questions.

Kautuk Sahni

Topics help categorize Community content and increase your ability to discover relevant content.

0 Replies