Ext JS Grid行背景顏色集

Question

我將如何去設置Ext JS Grid行的背景顏色，主要是選定的項目。

任何幫助將不勝感激。

Answer 1

要更改選定行的顏色可以選擇覆蓋相應的CSS類：

.x-grid3-row-selected { 
    background-color: red !important; 
} 

如果要使用這個類你也可以覆蓋默認border-color。

另一方面，getRowClass函數用於將靜態CSS類添加到使用業務邏輯來確定哪些行受到影響的行。您也可以通過這種方式實現行着色，但不會影響突出顯示的行顏色（儘管您也可以編寫將兩個類一起使用的CSS）。

編輯：要以編程方式更改行樣式，您仍然需要在CSS中靜態定義樣式，然後根據需要動態添加/刪除CSS類。例如，假設一個網格和一個ID爲'my-btn'的按鈕，單擊該按鈕將向網格中的第一行添加一個類（可以像上面所示的那樣定義，就像.x-grid3-row-selected一樣），應用CSS類中的任何樣式。它是由你來定義你真正的業務邏輯來選擇行（S），但是這是語法：

Ext.get('my-btn').on('click', function(){ 
    Ext.fly(myGrid.getView().getRow(0)).addClass('error'); 
}); 

Answer 2

@bmoeskau你給不和我一起工作這件事。 我寧願用

grid.getView().addRowClass(rowIndex, 'red'); 

的onDoubleClick函數內。