kendo-ui - 剑道组合框不同的CSS替代项目

Question

我有一个 mvc kendo CombBox 声明为

var comboBox = Html.Kendo().ComboBox()
         .Name("Combo")
         .Placeholder("Select a val...")
         .DataTextField("Description")
         .DataValueField("Description")
         .AutoBind(false)
         .Filter(FilterType.Contains)
         .DataSource(source => source
             .Read(read => read.Action("XYZ", "ABC").Data("callList"))
             .ServerFiltering(true)
             )
         .HtmlAttributes(new { style = "width:400px" });

有没有办法让替代项目有不同的css。

我在剑道文档中找不到任何东西。我也尝试过使用 JQuery，但失败了。谁能告诉我是否有解决方案。

谢谢。

Answer 1

试试这个方法。

$(document).ready(function () {
        $("#States").kendoComboBox();
        var cmb = $("#States").data("kendoComboBox");

        cmb.ul.find("li:odd").css("background-color", "#C0C0C0");
        cmb.ul.find("li:odd").css("background-color", "#FFFFFF");
    });

检查这个剑道道场http://dojo.telerik.com/ePIQu 我使用的是 Kendo Web 而不是 MVC，但只要在填充网格后运行此脚本，结果就会相同。

Answer 2

根据您的浏览器支持（IE9 或更高版本），您可以使用普通的旧 CSS 执行此操作。

#Combo .k-item:nth-child(odd) {
    background-color: #f00;
}