kendo-ui - Kendo DropDownList-在optionLabel上添加类

考虑到Kendo下拉菜单，我想在optionLabel select上添加一个类，因此当ddl展开时，我可以在视觉上区分选项标签是什么和选项是什么。理想情况下，这应该从dataBound完成，并且显然必须从js完成。我正在寻找一个理想的解决方案，我真的不想遍历大部分DOM。

http://trykendoui.telerik.com/@vojtiik/uLEc

      $("#products").kendoDropDownList({
                    dataTextField: "ProductName",
                    dataValueField: "ProductID",
                    optionLabel: "select",
                    dataBound: function(e) {
                        // find the option label and add class
                    },
                    dataSource: {
                        transport: {
                            read: {
                                dataType: "jsonp",
                                url: "http://demos.telerik.com/kendo-ui/service/Products",
                            }
                        }
                    }
                });

最佳答案

您可以在更改事件上执行此操作。或者也可以通过其他任何方式执行。.我认为这种方法非常简单..您也可以找到选项标签，而不是找到第一个孩子。

$(document).ready(function() {
                    $("#products").kendoDropDownList({
                        dataTextField: "ProductName",
                         dataValueField: "ProductID",
                        optionLabel: "select",
                        change: function(e){
                            var listItem = $( "#products_listbox li:first-child" );
                            listItem.css( "background-color", "red" ) ;
                          },
                        dataSource: {
                            transport: {
                                read: {
                                    dataType: "jsonp",
                                    url: "http://demos.telerik.com/kendo-ui/service/Products",
                                }
                            }
                        }
                    });
                });