Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

AEMaaCS - Touch UI Dialog Dynamic Dropdown | AEM Community Blog Seeding

kautuk_sahni
Employee
Employee

BlogImage.jpg

AEMaaCS - Touch UI Dialog Dynamic Dropdown by AEM Lab - Arun Patidar

Abstract

AEMaaCS - Touch UI Dialog Dynamic Dropdown


Populate Touch UI Dropdown Dynamically based on Other Field

In AEM touch UI, the dropdown options can be populated using static fields or using datasource but the dropdown options are static. Let's say I need to create a dropdown for state and the state values should populate based on country, In this case above two methods will not work. but this can be achieved using dialog listeners.

This blog is about an example to populate second dropdown options based on the first dropdown.

Steps
1. Create the first dropdown and populate the options either with fixed values or from datasource. add a granite class to listen to the changes.






2. Create a second dropdown without any options and add a granite class





3. Create a hidden field for the second dropdown to repopulate pre-saved value on a dialog load. The name property must be the same as the secondary dropdown and this field must be disabled and hidden.

Read Full Blog

AEMaaCS - Touch UI Dialog Dynamic Dropdown

Q&A

Please use this thread to ask the related questions.

0 Replies