grid 行背景变化

   grid.getView().getRow(girdcount).style.backgroundColor='#F7FE2E';

 

 
查看文章
   
Ext 修改grid行或者列的背景颜色和字体颜色
2011-03-09 11:43

Ext 修改grid行或者列的背景颜色和字体颜色

2010-11-18
Ext 修改grid行或者列的背景颜色和字体颜色
文章分类:Web前端

修改某一列的背景颜色和字体颜色
css代码
.x-grid-back-red { 
    background: #FF0000;   //修改背景颜色
    color:#000000;  //修改字体颜色
}
JS代码

header : '分成类型', 
dataIndex : 'divideType', 
renderer : function(v,m){ 
  m.css='x-grid-back-red'; 
                return v; 
}, 
width : 60 
}
或者直接这样

header : '编号', 
dataIndex : 'fcId', 
css : 'background: #FF0000;color:#000000', 
width : 40 
}


修改某一行的背景颜色和字体颜色
css代码
.x-grid-record-red { 
    background: #FF0000;   //修改背景颜色
    color:#000000;  //修改字体颜色
}
JS代码
直接在grid中设置viewConfig属性
viewConfig : {
forceFit :true,
getRowClass : function(record,rowIndex,rowParams,store){
  //禁用数据显示红色
  if(record.data.limitType=='1' && record.data.isLeaf=='N'){
   return 'x-grid-record-red';
  }else{
   return '';
  }   
}
}
或者为grid添加load方法
grid.getStore().on('load',function(s,records){
          var girdcount=0;
          s.each(function(r){
              if(r.get('10')=='数据错误'){
                    grid.getView().getRow(girdcount).style.backgroundColor='#F7FE2E';
              }
              girdcount=girdcount+1;
          });
});

 

阅读更多
上一篇字体 中文
下一篇子线程更新UI会发生android.view.ViewRoot$CalledFromWrongThreadException异常的解决方法 .
想对作者说点什么? 我来说一句

ext grid 根据条件指定行颜色

2011年05月20日 696B 下载

修改grid行或列颜色

2010年06月17日 1KB 下载

自适应合计行的DataGrid

2012年03月22日 11KB 下载

extjs中设置grid默认行高及换行

2014年03月12日 1018B 下载

javascript_css实现GridView行背景

2009年10月30日 116KB 下载

VFP GRID 合计行,与双层表头控件

2012年10月17日 2.62MB 下载

没有更多推荐了,返回首页

关闭
关闭