grid.getView().getRow(girdcount).style.backgroundColor='#F7FE2E';
查看文章
|
Ext 修改grid行或者列的背景颜色和字体颜色
2011-03-09 11:43
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; }); }); |