Ext.Net 1.x_Ext.Net_修改grid行或者列的背景颜色和字体颜色

修改某一列的背景颜色和字体颜色
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;
          });
});


  

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值