2

ドロップダウン全体に共通の背景色を与えるのではなく、Kendo UI ドロップダウン リストの各リスト項目 (選択されていない) に異なる背景色を提供する方法は?

4

1 に答える 1

3

適切な色を設定するテンプレートを定義する必要があります。

例：

DataSource を次のように定義します。

var colors = [
    "red",
    "green",
    "pink",
    "blue",
    "yellow"
];

そして次のようなテンプレート：

<script id="template" type="text/kendo-script">
    <div style="background-color: #= data #">#= data #</div>
</script>

次に、ドロップダウンリストの定義は次のようになります。

var template = kendo.template($("#template").html())
$("#dropdownlist").kendoDropDownList({
    dataSource: colors,
    template : template
});

ここでの作業例: http://jsfiddle.net/OnaBai/MzLrS/

于 2014-04-14T10:21:34.047 に答える