Posted on 2013-05-04 21:33
小胡子 閱讀(713)
評(píng)論(0) 編輯 收藏 所屬分類(lèi):
Ext
Ext.grid.GridPanel可以設(shè)置stripeRows: true的屬性來(lái)實(shí)現(xiàn)隔行換顏色的效果，如果你想自定義每行的顏色，那么你可以按照下邊地方法來(lái)實(shí)現(xiàn)：
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;
}
通過(guò)firebug可以看到，給每行的div添加了自定義的樣式
原文出自：
http://love4j.iteye.com/blog/516007