Tie Autocomplete to MultiSelect

[Eric]

Hi

 

I want to add the results from an AutoComplete, into the Multiselect on the fly (ie as you select it in autocomplete, it adds it to multi-select)

Are there any examples of this?

[Nencho]

Hello Eric,

In order to achieve the desired functionality, you should first subscribe for the select event of the Autocomplete :

https://docs.telerik.com/kendo-ui/api/javascript/ui/autocomplete#events-select

In the above event, you can get the selected item text and use the dataSource of the multiselect to add new record with that text (using dataSoucre add method)

The implementation of this suggestion should look similar to the code snippet below:

select: function(e) {
   var item = e.item;
   var text = item.text();

   var data = multiselect.dataSource;
   data.add({text: text})
 }

In addition, below is a dojo example, demonstrating the behavior:

https://dojo.telerik.com/iGuNac/6

Regards,
Nencho
Progress Telerik