Выпадающий список Kendo UI - разный цвет фона для каждого элемента списка

Как предоставить разные цвета фона для каждого элемента списка (не выбранного) в раскрывающемся списке Kendo UI, а не задавать общий цвет фона для всего раскрывающегося списка?


person user3482944    schedule 14.04.2014    source источник


Ответы (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/

person OnaBai    schedule 14.04.2014
comment
Используя тот же jsFiddle, есть ли способ изменить цвет фона для выбранного элемента? - person Rick S; 04.02.2015
comment
Вы спасли мою жизнь. у меня есть класс bg-somecolor, и мой элемент имеет цвет со значением somecolor.. Я просто мог бы сделать background-color: bg-#: Color # - person thestruggleisreal; 25.10.2018