grid 行背景变化

转载 2012年03月30日 01:10:41

   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;
          });
});

 

jquery grid设置行背景色

项目中有一个需求,可以根据grid中某一列的
  • tjdy7707
  • tjdy7707
  • 2014年05月16日 14:59
  • 3354

extjs grid行背景设置颜色

效果图: 源码: Ext.define('V5.digao.view.Grid', { extend : 'Ext.grid.Panel', columnLines : true, ...
  • qq_17505335
  • qq_17505335
  • 2016年09月14日 15:50
  • 3209

EXT中为Grid添加合计行

gridstore.load({params: { start: 0, limit: pageSize }, callback: function() { amountsum(); } }); //...
  • p419228530
  • p419228530
  • 2013年11月15日 11:41
  • 2668

Extjs4.1:grid选中指定行

var grid_jkdlb = Ext.getCmp('grid_jkdlb_id'); if (grid_jkdlb) { alert...
  • bq_cui
  • bq_cui
  • 2013年06月29日 18:50
  • 5354

grid 单元格和行变色

在对列表的处理中我们经常要对某些特殊字段或特殊行进行标注,这就需要变色的处理。 定义颜色 .x-grid-record-red { background: #FF0000...
  • qq_15237993
  • qq_15237993
  • 2017年05月13日 14:32
  • 282

extjs更改grid行高度

遇到一个需求,extjs的grid中有个列是图片,显示高度较大,结果grid被撑的很难看,我就想着能不能改变grid的行高度 其实改变extjs的样式只需改变ext-all.css就行了,但如果改变...
  • lkl713
  • lkl713
  • 2014年01月19日 14:37
  • 4542

从 kendoGrid 得到选中的行的 dataItem

原文出处:http://twell.blog.163.com/blog/static/2356200042013822200526/ //-------------------------------...
  • chelen_jak
  • chelen_jak
  • 2017年06月13日 14:42
  • 713

extjs4 grid 动态插入数据行

ExtJS4学习笔记十--Grid使用 http://hnhnhnhnhn.iteye.com/blog/1163370 ExtJS 4 Grid组件 http://blog.csdn.net...
  • e_wsq
  • e_wsq
  • 2012年04月16日 19:14
  • 4353

js实现动态几何图案背景

! function () { function o(w, v, i) { return w.getAttribute(v) || i ...
  • LIU_YANZHAO
  • LIU_YANZHAO
  • 2017年02月08日 21:42
  • 680

EasyUI datagrid 改变行的背景色

easyUI datagrid改变所选列背景色
  • u014548782
  • u014548782
  • 2014年07月16日 11:20
  • 2866
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:grid 行背景变化
举报原因:
原因补充:

(最多只允许输入30个字)