Как предоставить разные цвета фона для каждого элемента списка (не выбранного) в раскрывающемся списке Kendo UI, а не задавать общий цвет фона для всего раскрывающегося списка?
Выпадающий список Kendo UI - разный цвет фона для каждого элемента списка
Ответы (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
Используя тот же jsFiddle, есть ли способ изменить цвет фона для выбранного элемента?
- person Rick S; 04.02.2015
Вы спасли мою жизнь. у меня есть класс bg-somecolor, и мой элемент имеет цвет со значением somecolor.. Я просто мог бы сделать background-color: bg-#: Color #
- person thestruggleisreal; 25.10.2018