让Ext.grid.GridPanel某行变色

　　有时候我们需要根据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行时，改变字体

Css代码  /* style rows on mouseover */   .x-grid3-row-over .x-grid3-cell-inner {       font-weight: bold;       color:'#545BED'    }