I'd like to add separators between groups of items in a select / kendoDropDownList. Also known as a horizontal line or delimiter. The same question was asked here by someone else: http://www.telerik.com/forums/separator-in-dropdownlist The answer was that this is not supported.
Data binding should be supported with option groups, Andreas. For additional technical question, please refer to our forums or support system on telerik.com, where our support team will be able to assist you.
Will the optgroups support data binding? I forgot to add that to this suggestion. Currently I bind a normal html <select> to a datasource (kendo.observable) using the kendo.bind function. The first option should always the same, and that should be separated from the rest of the options. As second item I currently bind a text consisting of a number of Alt+0151 ——– after each other, which looks like a separator, although not adapted to the width of the select box. My problem (apart from it's width and unstyled looks), is that I can't disable it. The is not supposed to select the delimiter. But it seems the disabled databinding is not for options inside the select element, only the select element itself. See http://dojo.telerik.com/EbaHe where I added a dropdown (select element). The isNameDisabled property in the items collection that I bind to the SELECT element is not taken into account. The documentation also states that only <input>, <select> and <textarea> elements are supported: http://docs.telerik.com/kendo-ui/framework/mvvm/bindings/disabled
Thanks for the proposal. Note that a possible alternative might be to use groups in the dropdownlist (ref: http://kendoui-feedback.telerik.com/forums/127393-telerik-kendo-ui-feedback/suggestions/3676206-support-select-elements-with-optgroups-in-kendodro) to separate items, when this feature is shipped with Q1'15 in mid March.