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

来源:互联网 发布:mac 产品原型设计工具 编辑:程序博客网 时间:2024/05/21 10:23
修改某一列的背景颜色和字体颜色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;          });});


 

原创粉丝点击