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]