4

または要素.kendoDropDownList()でメソッドを呼び出すときに生成されるドロップダウン HTML コンテナーに、カスタム CSS クラスを渡したいと考えています。<select><input>

このフィドル ( http://jsfiddle.net/lav911/n9V4N/ )でわかるように、私が興味を持っている HTML は次のとおりです。

<div class="k-list-container k-popup k-group k-reset" data-role="popup">
    <ul unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="true" aria-live="off" style="overflow: auto;">
        <li tabindex="-1" role="option" unselectable="on" class="k-item k-state-selected k-state-focused">option 1</li>
        <li tabindex="-1" role="option" unselectable="on" class="k-item">option 2</li>
        <li tabindex="-1" role="option" unselectable="on" class="k-item">option 3</li>
        <li tabindex="-1" role="option" unselectable="on" class="k-item">option 4</li>
        <li tabindex="-1" role="option" unselectable="on" class="k-item">option 5</li>
    </ul>
</div>

ドキュメントを確認しましたが、この特定の問題に関する回答は見つかりませんでした。私がもっと興味を持っているのは、これを解決するためのクリーンで「剣道的な」方法を見つけることです.

4

1 に答える 1

7

これは、私がこのタスクを解決するために使用した方法です。

$('select').kendoDropDownList({
    open: function(e) {
        e.sender.popup.element.addClass('test');
    }
});

構成方法を見つけることができませんでした。

デモ: http://jsfiddle.net/n9V4N/2/

またはそれを行う別の方法：

var dropDown = $('select').kendoDropDownList().data("kendoDropDownList");
dropDown.list.addClass('test');

デモ: http://jsfiddle.net/n9V4N/3/

于 2014-05-02T11:41:31.243 に答える