4

次の Kendo ドロップダウンを考えると、optionLabel 選択にクラスを追加したいので、ddl を展開すると、オプション ラベルとオプションを視覚的に区別できます。理想的には、これはdataBoundjs から実行する必要があり、明らかに 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",
                            }
                        }
                    }
                });
4

4 に答える 4

2

変更イベントでこれを行うことができます..または他の方法でもかまいません..この方法は非常に簡単だと思います..最初の子を見つける代わりにオプションラベルを見つけることもできます..

$(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",
                                }
                            }
                        }
                    });
                });
于 2014-04-17T11:11:40.570 に答える