让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代码

1.  /* style rows on mouseover */  
2. .x-grid3-row-over .x-grid3-cell-inner {  
3.     font-weight: bold;  
4.     color:'#545BED'   
5. }