有时候我们需要根据store里的某个标记,令grid的数据改变为一种特别的颜色。如我项目中的,把用户状态不正常(字段memberstatus不为1)的记录变成灰色。'x-grid-record-gray' 是已经在页面上定义好的CSS样式。下边截取了grid里的viewConfig信息。
viewConfig:{
columnsText:"显示/隐藏列",
sortAscText:"正序排列",
sortDescText:"倒序排列",
forceFit:true,
getRowClass : function(record,rowIndex,rowParams,store){
//禁用数据显示灰色
if(record.data.memberstatus!='1'){ //用户状态不正常
return 'x-grid-record-gray';
Ext.getCmp("membergrid").getSelectionModel().lock();
}else{
return '';
}
}
Ext.grid.GridPanel 鼠标滑过行时,字体的改变
需要在额外的书写一个css类,就可以覆盖原有的ext-all.css里面的类,实现鼠标滑过GridPanel行时,改变字体
- /* style rows on mouseover */
- .x-grid3-row-over .x-grid3-cell-inner {
- font-weight: bold;
- color:'#545BED'
- }