kendo combobox разные css для альтернативных элементов

У меня есть 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, но потерпел неудачу. Может ли кто-нибудь сказать, есть ли решение для этого.

Спасибо.


kendo-ui kendo-asp.net-mvc kendo-combobox
person Rocky    schedule 26.08.2014    source источник

Ответы (2)


arrow_upward
0
arrow_downward

В зависимости от поддержки вашего браузера (IE9 или выше) вы можете сделать это с помощью старого простого CSS.

#Combo .k-item:nth-child(odd) {
    background-color: #f00;
}
person CodingWithSpike    schedule 26.08.2014
comment
Я не думаю, что это работает, поскольку список параметров не является дочерним элементом #Combo. Идея хороша, но способ ограничить ее одним элементом не работает. - person OnaBai; 27.08.2014
comment
Я пробовал ваш ответ, но это не сработало. Спасибо за попытку. - person Rocky; 27.08.2014
comment
Я думаю, что если раскрывающийся список создается из существующих элементов, то он работает, в противном случае Kendo, кажется, перемещает их на свою собственную раскрывающуюся панель. Вероятно, есть способ получить этот элемент через JS. - person CodingWithSpike; 27.08.2014

arrow_upward
0
arrow_downward

Попробуйте так.

$(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, а результат будет таким же, пока этот скрипт запускается после заполнения сетки.

person user3731783    schedule 02.09.2014