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

Question

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

问候，

斯里兰卡

Answer 1

通过 listview 为您的 CSS 定义添加前缀id，区分一个和另一个。

给定 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;
}