Dojo Datagrid - 以編程方式選擇行的樣式

Question

是否可以以編程方式對Datagrid的選定行進行樣式設置？

任何人都可以給一個片段？

Answer 1

試試這個（這裏的a fiddle與修改的參考指南爲例）：

var grid = new dojox.grid.DataGrid({ 
    id: 'grid', 
    store: store, 
    structure: layout, 
    rowSelector: '20px', 
    onClick: function() { 
     // (selection.selected is array for multiple) 
     var index = this.selection.selectedIndex, 
     // typically 1 here, mess with it if nogo on solution 
     viewindex = 1, 
     RAWROWNODE = this.views.views[viewindex].rowNodes[index] 

    } 
}, document.createElement('div')); 

您還可以查看到樣式表，通過網格組件使用。

.dojoxGridRow, 
.dojoxGridRowOdd, 
.dojoxGridRowSelected { 
} 

Answer 2

爲什麼不乾脆重寫正確的CSS類？ 否則，你可能想看看onStyleRow和styleRowState功能

Answer 3

試試這個

dojo.connect(grid, 'onStyleRow', this, function (row) { 
    if (grid.selection.selectedIndex == row.index) { 
     row.customStyles += "color: red;";    
    } 

    grid.focus.styleRow(row); 
    grid.edit.styleRow(row); 
});