AutoComplete in Page dailog with custom request. | Community

Level 2

Solved

AutoComplete in Page dailog with custom request.

Forum|Forum|3 years ago
December 16, 2022
2 replies
1219 views

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.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by KNan

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

Community Advisor

Community Advisor

@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

Naresh536Author

Level 2

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.

Community Advisor

Accepted solution

Community Advisor

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