ExtJS Grid 改变单元格背景颜色的方法
时间: 2024-02-09 18:08:23 浏览: 135
改变gridpanel的行颜色
要改变ExtJS Grid中单元格的背景颜色,可以通过在单元格renderer函数中设置样式来实现。具体步骤如下:
1.在Grid的columns中设置renderer函数,例如:
```
{
text: '状态',
dataIndex: 'status',
renderer: function(value, metaData, record, rowIndex, colIndex, store, view) {
if (value == '正常') {
metaData.style = 'background-color:green;color:white;';
} else {
metaData.style = 'background-color:red;color:white;';
}
return value;
}
}
```
2.在renderer函数中根据单元格的值设置样式,例如上述代码中当单元格的值为正常时,将背景颜色设置为绿色,字体颜色设置为白色;当单元格的值不为正常时,将背景颜色设置为红色,字体颜色设置为白色。
注意:在renderer函数中,通过metaData对象来设置单元格的样式,其中style属性用于设置样式,可以设置背景颜色、字体颜色等。
阅读全文