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。

我在kendo文档中找不到任何东西。我也试过JQuery但失败了。任何人都可以判断是否有解决方案。

感谢。

Answer 1

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

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

Answer 2

试试这种方式。

$(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，但只要在填充网格后运行此脚本，结果就会一样。

kendo combobox用于替代物品的不同css

2 个答案: