ejAutocomplete multiselect dropdown (cross icon event)

Question

In ejAutocomplete when we select multiple values and click on cross icon to deselect the value then we have to call jquery function on cancel click. I have a urgent need of that. I am unable to find any solution regarding this. Please let me know

Thanks

Arun Palaniyandi · Answer

Hi Ashok, 
 
Thanks for using Syncfusion Products. 
 
Ye, it is possible to call a jQuery function on cancel click in Autocomplete multiselect visualmode. For this we suggest, we suggest you to bind the select event first for our Autocomplete to bind the jQuery click event for the close icon. Please find the below code snippets for more details. 
 





$("#visualmode").ejAutocomplete({ 
                showPopupButton: true, 
                width: "100%", 
                multiSelectMode: ej.MultiSelectMode.VisualMode, 
                dataSource: languages, 

                select: function(e){ // select event 

                $("span.e-icon.e-close").click(function () { //bind click event for the search icon 

                alert("Do your operations here")        

                  }); 
                }, 
            }); 



Also please find the below for your reference. 
 
Sample: http://jsplayground.syncfusion.com/2vfrbmlp 

Please check the shared details, sample and let us know if you have any further queries.     
  
Regards,  
Arun P.

Ashok · Answer

Than you Arun Palaniyandi for your valuable suggestion.

Arun Palaniyandi · Answer

Hi Ashok,  
  
Thanks for your update. 
 
We are glad that our suggestion has helped you out. 
 
Please let us know if you need any further assistance. 
 
Regards, 
Arun P.