给表格的列设置颜色的代码:
viewConfig : {
forceFit : true,
enableRowBody : true,
getRowClass : function(record, rowIndex, p, ds) {
var cls = 'white-row';
switch (record.data.color) {
case '#FBF8BF' :
cls = 'yellow-row';
break;
case '#99CC99' :
cls = 'green-row';
break;
case '#F5C0C0' :
cls = 'red-row';
break;
}
return cls;
}
}
给表格的列设置颜色的代码:
function renderMotif(data, cell, record, rowIndex, columnIndex, store) {
var value = record.get('color');
//cell.css = "UnStyleCss";
cell.attr = "style=background-color:" + value;
return data;
}
var cm = new Ext.grid.ColumnModel([{
header : 'name',
dataIndex : 'name'
}, {
header : 'sex',
dataInex : 'sex'
}, {
header : 'color',
dataIndex : 'color',
renderer : renderMotif
}]);
只修改表格的某一行的样式,可以用下面的方式来实现:
grid.getView().addRowClass(r,css)
修改表格的某一个单元格的样式,可以用下面的方式来实现:
Ext.get(grid.getView().getCell(r,c)).addClass(css)
或者
grid.getView().getRow(r).style.backgroundColor = "red"