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

 

相关文章推荐

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

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

鼠标移到隔行变色的表格上,有背景变化,并且点击的时候选中复选框和背景色

changecolor(); //隔行变色 function changecolor() { var i = 0; var jian = 0; ...

鼠标浮动到表格的某行 背景颜色变化[mouseover mouseout 以及mouseenter mouseleave]

之前一直觉得很难,今天用到了 好像超级简单 标题一 标题二 第一行一列 第二行第二列 第二行第一列 ...

磨刀不误砍柴工:Ext4核心组件Grid的变化及学习(1)

不得不再感叹一句,ext4(以下简称4系)的变化真的太大了,ext3的代码要升级成ext4真的不是件容易的事情。无论在基类的设置、各个类参数和方法,前后台参数的传递方面都有很大改变。按官方说法:“这次...

C#form不断变化背景颜色

  • 2014年12月09日 14:44
  • 39KB
  • 下载

磨刀不误砍柴工:Ext4核心组件Grid的变化及学习(2):数据列的基本操作

今天讨论数据列的操作。 通常情况下(如上一篇的例子,不进行特殊设置),每个数据列都支持数据排序,单击数据列header会在ASC和DESC之间切换;数据列header可以拖动前后顺序;数据列可以设置...

js特效—背景颜色变化

  • 2014年10月09日 11:48
  • 2KB
  • 下载

JS实现网页的背景颜色动态变化

  • 2013年07月28日 01:29
  • 420B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:grid 行背景变化
举报原因:
原因补充:

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