love4J 发表于 2013-1-29 07:27:44

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 codestore: store,view:new Ext.ux.GridView(),      //other code});
样式定义:
.red {   background-color:#FF0000;}.green {   background-color:#00FF00;}
http://dl.iteye.com/upload/attachment/167410/e9564eb9-08db-3256-863e-1c0864692f90.jpg
通过firebug可以看到,给每行的div添加了自定义的样式
http://dl.iteye.com/upload/attachment/167412/6ede710c-9d6c-36fe-b8a8-51da85af05d3.jpg
页: [1]
查看完整版本: Ext.grid.GridPanel隔行显示不同的背景颜色