海水正蓝

面朝大海,春暖花开
posts - 145, comments - 29, trackbacks - 0, articles - 1
  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理

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

Posted on 2013-05-04 21:33 小胡子 阅读(699) 评论(0)  编辑  收藏 所属分类: Ext
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;
}



通过firebug可以看到,给每行的div添加了自定义的样式
原文出自:
http://love4j.iteye.com/blog/516007



只有注册用户登录后才能发表评论。


网站导航: