AutoComplete in Page dailog with custom request.

[Naresh536]

Hello All,

I have requirement  where in I need to show dropdown list in autocomplete filed.

 I have a json file in the repo. which provids the search result. in this case I have to filter the search text in the json and recivie the required data and show in the dropdown. 

With datasource i am not able to acchive this because datasource will load the data on dailog load. But here i have to load the data based on the search text. 

Please help on this.

Thanks.

[Shashi_Mulugu]

@Naresh536 yes you can achieve this with custom code..please refer to one of our AEM experts @arunpatidar blog for the same.

https://aemlab.blogspot.com/2018/08/searchfilter-touch-ui-dialog-dropdown.html?m=1

[Naresh536]

Hi @Shashi_Mulugu ,

This code is not working. let me explain my query again. 

When i type any character in dailog a rest call will trigger and get the data with search matched values and show it on the dropdown. 

(In previous ask I mentioned json is availale in repo). The josn is huge with multiple childs.

which can't be loaded.  How can be achicve this?

In this below example the json will be loaded on dailog load only. 

https://aemlab.blogspot.com/2018/08/searchfilter-touch-ui-dialog-dropdown.html?m=1

hope this clarifies.

Thanks.

[KannanC · Accepted solution]

Hi @Naresh536 

To achieve this functionality, you would need to use a jQuery plug-in that supports this - something like:

https://jqueryui.com/autocomplete/

check this .This may help you .

Thanks