属性可以是一个函数也可以是字符串，这个知识点是通过函数来实现的。函数参数列表如下：
- value : 当前待渲染的单元格值，即表格中某行某列的值，类型为：Object
- metaData : 当前待渲染的单元格元数据. 支持的属性有: tdCls, tdAttr, and style。类型为：Object
- record : 当前待渲染的单元格所在行数据Model，类型为：Ext.data.Model
- rowIndex : 当前待渲染的单元格所在行数，类型为：Number
- colIndex : 当前待渲染的单元格所在列数，类型为：Number
- store : 当前数据Store，类型为：Ext.data.Store
- view : 当前视图，类型为：Ext.view.View
- return : 返回类型为：String，返回结果为待渲染的HTML代码。
直接通过样式改变背景
.x-grid-row td{ 这里一定要加td
height:35px;
background-color:rgb(255,0,255) !important;
/* border: 5pxsolid rgb(0,255,255) !important;
}
动态改变背景
viewConfig: {
stripeRows: false,
getRowClass: function(record,rowIndex, rowParams, store) {
if(rowIndex%2 ==0){
return 'gril-row' ;
}else{
return'';
} } }
.gril-row.x-grid-cell {这里一定要加cell样式而且还有关闭继承
border-top: 5px solid #eceff6;
background-color: rgb(0,255,255);
}
悬浮状态背景样式
.x-grid-row-over.x-grid-cell {
font-weight: bold;
color: red;
background-color: red ;
}
选中样式
.x-grid-row-selected.x-grid-cell-inner {
background-color: red ;
}
grid竖线
columnLines:true;
panel给背景
.x-panel.x-panel-body{
background-color: red ;
}
tree树桩换图标
.folder_close
{background: url("images/icons/fam/cog.gif")no-repeat center !important;
}
iconCls:'folder_close',