Autocomplete multiple

[afruiz]

Hello, I need an autocomplete where i can select multiple values.

 

[Dimiter Topalov]

Hello Antonio,

The AutoComplete component is designed to hold a single value only:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/value-binding/

I can suggest using the MultiSelect component instead:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/

The first item that matches the user input is auto-highlighted and can be selected by pressing Enter even before the whole word is typed.

I hope this helps.

Regards,
Dimiter Topalov
Progress Telerik

[Chau]

Hi Dimiter,

Is there a sample to use autocomplete using a keyvalue pair list of values?

Thanks.

[Dimiter Topalov]

Hi Chau,

The value of the AutoComplete can be a string only. You can data-bind the AutoComplete to an array of complex objects (for the list of available options), but the value can be a string only:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/data-binding/#toc-arrays-of-complex-data

If you need the value of the component to be a complex object, as opposed to a string, you can use any of the other available DropDowns - a DropDownList, ComboBox or MultiSelect. The DropDownList and ComboBox can hold either a primitive (string, number) or a complex object value:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/value-binding/

https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/value-binding/

... while the value of the MultiSelect can be an array of either primitive or object values:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/value-binding/

Regards,
Dimiter Topalov
Progress Telerik

[Chau]

Thanks Dimiter!

I ended up using the kendo-combobox (to bind with array of complex data) which has the filter event to accomplish similar functionality as the autocomplete.