如何为 Kendo UI 下拉列表中的每个列表项(未选择)提供不同的背景颜色,而不是为整个下拉列表提供通用的背景颜色?
问问题
4096 次
1 回答
3
您应该定义一个设置适当颜色的模板。
例子:
将数据源定义为:
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 回答