Kendo UI下拉列表 - 每個列表項目的不同背景顏色

Question

如何在Kendo UI下拉列表中爲每個列表項（不選）提供不同的背景顏色，而不是爲整個下拉列表提供公共背景顏色？

Answer 1

您應該定義一個模板來設置適當的顏色。

例子：

定義數據源爲：

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/