Ext.grid.GridPanel隔行显示不同的背景颜色

Ext.grid.GridPanel可以设置stripeRows: true的属性来实现隔行换颜色的效果，如果你想自定义每行的颜色，那么你可以按照下边地方法来实现：

Ext.ux.GridView=Ext.extend(  
       Ext.grid.GridView,  
       {  
           getRowClass:function(record,index)  
           {  
               if(index%2==0)  
                   return 'red';  
               else  
                  return 'green';  
          }  
       }  
   )  

使用自定义的view

var grid = new Ext.grid.GridPanel({
        //other code
	store: store,
	view:new Ext.ux.GridView(),
        //other code
});

样式定义：

.red {
     background-color:#FF0000;
}
.green {
     background-color:#00FF00;
}

[img]http://dl.iteye.com/upload/attachment/167410/e9564eb9-08db-3256-863e-1c0864692f90.jpg[/img]
通过firebug可以看到，给每行的div添加了自定义的样式
[img]http://dl.iteye.com/upload/attachment/167412/6ede710c-9d6c-36fe-b8a8-51da85af05d3.jpg[/img]