Combination of Dropdownlist and Multiselect with Checkboxes

[Lee]

I'm looking for a widget that is sort of a combination of a dropdownlist and a multiselect. I would like to be able to select multiple items from the dropdownlist but instead of having chips like in the multiselect, I want the dropdownlist to display either "All Selected", "Multiple Selected" (or a count), or the name of the option selected if only one is selected. I would ideally have checkboxes to the left of each item but it could just highlight the item like the current multiselect does. Is there a way to accomplish this with Kendo UI for JQuery? 

 

[Lee]

Upon further research, it looks like this can be accomplished with the tagMode and tagTemplate options and a little CSS. 

[Neli]

Hi Lee,

Indeed the mentioned behavior can be achieved using the tagMode in the MultiSelect. The DropDownList does not allow multiple selection. Thus, the MultiSelect should be used. Additionally below you will find Knowledge Base articles that demonstrate how checkboxes can be used in MultiSelect for selection, and how all the items can be selected with a single click:

- https://docs.telerik.com/kendo-ui/knowledge-base/checkbox-item-template

- https://docs.telerik.com/kendo-ui/knowledge-base/select-all-values-with-one-selection

- https://docs.telerik.com/kendo-ui/knowledge-base/select-deselect-all-items

I hope this helps.

Regards,

Neli