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

Question

我正在使用样式的.css文件。在我的视图页面中，我有两个列表视图，我想为两个列表视图提供两种不同的颜色。我该怎么做，在剑道UI

问候，

斯里兰卡

Answer 1

前缀您的列表视图id CSS定义，一个和另一个区分。

由于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; 
}