如何在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; 
}