Milan Nankov

Milan Nankov

Code Bites: Add New Item to Kendo MultiSelect on Enter

Kendo MultiSelect is an amazing component that allows users to easily select multiple values from a predefined set. More often than not you might need to allows users to select values that are not listed in the original set of values/items.

While there is a great demo on how to actually implement this functionality using a custom template, there is an alternative or complementary solution where users can can add new items by simply pressing the Enter/Return key.

MultiSelect Add Item

Here is how this can be implemented. Bare in mind that this code adds the new items to the local data array but the sample can easily be extended to work with a backend.

Live version of the code is also available on the Kendo UI Dojo.

Need consulting on this topic?

Yes No