Ext.grid.GridPanel可以设置stripeRows: true的属性来实现隔行换颜色的效果,如果你想自定义每行的颜色,那么你可以按照下边地方法来实现:
使用自定义的view
样式定义:
[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]
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]