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

发布时间：2020-12-16 06:50:02 所属栏目：asp.Net 来源：网络整理

导读：鉴于以下Kendo下拉列表,我想在optionLabel select上添加一个类,所以当ddl展开时,我可以直观地区分选项标签和选项是什么.理想情况下,这应该从dataBound完成,显然必须从js完成.我正在寻找一个奇特的解决方案,我真的不想遍历大部分DOM. http://trykendoui.teler

鉴于以下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",change: function(e){
                            var listItem = $( "#products_listbox li:first-child" );
                            listItem.css( "background-color","red" ) ;
                          },dataSource: {
                            transport: {
                                read: {
                                    dataType: "jsonp",}
                            }
                        }
                    });
                });

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!