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

Question

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 Answer

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