Populate items in the dialog for filtering a list from content node

[RitendraS11]

Hi Team,

I have data kept in a content node (content/test) and this node has multiple nodes with the name of Item_ID with similar values in jcr:content node (Title, Subtitle, link etc).

I can show all items on the UI by accessing the data using an OSGI service. Now, I want to add a feature for the AEM authors to filter the list from the component's dialog and show the items based on their needs and not the full list of items.

So, I want to populate all item's IDs as a dropdown in the dialog for the author to select whatever they want to show on the component's UI markup.

Is there a recommended way to implement this? OR any existing code sample, which can be referred to for this requirement?

Thanks in advance!

[Saravanan_Dharmaraj · Accepted solution]

You can check this blog on how to populate the dialog dropdown with ID using a resource type servlet.The servlet will basically read the nodes under /content/test and gives the json.

The dialog can use the json as datasource through servlet to populate it.

https://aemlab.blogspot.com/2019/07/aem-touch-ui-dropdown-from-json.html

Similar one : http://www.sgaemsolutions.com/2019/01/dynamically-populate-drop-down-values.html

[RitendraS11]

Thanks Saravanan, I found the same references and used to resolve my problem statement.

[HeenaMadan]

You can use datasource to populate data in dialog drop-down

Refer these links

https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/using-options-property-ser...

https://aemlab.blogspot.com/2019/07/aem-touch-ui-dropdown-from-json.html