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/