如何在kendo ui中为两个不同的列表视图设置两种不同的颜色，

Question

我正在使用.css文件作为样式。在我的视图页面中，我有两个列表视图，我想要两个不同的颜色用于两个列表视图。我怎么能在剑道ui

这样做

此致

斯

Answer 1

通过listview id添加CSS定义，区分其中一个。

给出ListViews的HTML：

<div id="ListView1"></div>
<div id="ListView2"></div>

和JavaScript：

$("#ListView1").kendoListView({
    dataSource: sharedDataSource,
    selectable: true,
    template: "<li>${title} ${year}</li>"
});
$("#ListView2").kendoListView({
    dataSource: sharedDataSource,
    selectable: true,
    template: "<li>${title} ${year}</li>"
});

CSS定义类似于：

#ListView1 .k-state-selected {
    background: red;
}
#ListView2 .k-state-selected {
    background: blue;
}