extjs grid设置某列背景颜色和字体颜色的方法

 更新时间:2010年09月03日 21:02:17   作者:  
extjs grid设置某列背景颜色和字体颜色的方法,需要的朋友可以参考下。

css代码:

复制代码 代码如下:

.x-grid-back-red {
background: #FF0000;
}


js代码:
复制代码 代码如下:

{
header : '分成类型',
dataIndex : 'divideType',
renderer : function(v,m){
m.css='x-grid-back-red';
return v;
},
width : 60
}

或者直接这样写也可以
复制代码 代码如下:

{
header : '编号',
dataIndex : 'fcId',
css : 'background: #FF0000;',
width : 40
}

extjs grid设置某行字体颜色
css代码:
复制代码 代码如下:

.x-grid-record-red table{
color: #FF0000;
}

js代码:
代码
复制代码 代码如下:

viewConfig : {
forceFit : true,
getRowClass : function(record,rowIndex,rowParams,store){
//禁用数据显示红色
if(record.data.zt==0){
return 'x-grid-record-red';
}else{
return '';
}
}
},

相关文章

  • 使用ExtJS技术实现的拖动树结点

    使用ExtJS技术实现的拖动树结点

    在本文将介绍TreePanel组件非常有意思的一个功能:结点拖放。要使TreePanel组件的结点可以拖放非常简单,只需要将TreePanel类的enableDD选项参数设为true即可。当然,要想实现更复杂的功能,还需要配合其他的参数和事件。
    2010-08-08
  • extjs render 用法介绍

    extjs render 用法介绍

    renderer可以格式化该列显示的数据格式或者按照你自定义的脚本显示最终数据样子,个人是这么理解,如果你不是可以看下本文
    2013-09-09
  • Extjs学习笔记之四 工具栏和菜单

    Extjs学习笔记之四 工具栏和菜单

    本文介绍在桌面程序开发中很常用也很简单的工具栏和菜单,但是在通常的web开发中,要实现好工具栏和菜单并非易事,然而extjs使我们能够用类似桌面程序开发的方法来开发web的工具栏和菜单。
    2010-01-01
  • ExtJS 2.2.1的grid控件在ie6中的显示问题

    ExtJS 2.2.1的grid控件在ie6中的显示问题

    最近在学习使用ExtJS进行富客户端开发。使用ExtJS 2.2.1的grid控件时,发现在ie6中运行存在一个问题
    2009-05-05
  • 常用Extjs工具:Extjs.util.Format使用方法

    常用Extjs工具:Extjs.util.Format使用方法

    常用Extjs工具:Extjs.util.Format使用方法,需要的朋友可以参考下
    2012-03-03
  • EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题

    EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题

    用了一个方法解决了此问题,但是老是感觉这样解决了很不爽,各位有没有遇到过这种问题,请指点一下。
    2011-04-04
  • ExtJS的拖拽效果示例

    ExtJS的拖拽效果示例

    拖拽效果想必大家都有见到过吧,实现方式大同小异,在接下来的文章中为大家详细介绍下使用ExtJS是如何做到的
    2013-12-12
  • ExtJS Window 最小化的一种方法

    ExtJS Window 最小化的一种方法

    ExtJS 中Window的窗口最大化只需将maximizable属性设置为true即可,点击最大化按钮就可以将窗体最大化,最小化的操作类似将minimizable设置为true,即可以看到窗体的最小化按钮,但是点击此按钮并不会出发任何操作,Ext没有为窗口预设最小化的任何操作,需要自己自定义最小化功能。
    2009-11-11
  • extjs4 treepanel动态改变行高度示例

    extjs4 treepanel动态改变行高度示例

    本文为大家介绍下extjs4 treepanel如何动态改变行高度,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-12-12
  • Extjs EditorGridPanel中ComboBox列的显示问题

    Extjs EditorGridPanel中ComboBox列的显示问题

    EditorGridPanel中嵌入ComboBox通常不会正常显示ComboBox的store中本想显示字段,而是显示的EditorGridPanel中 store的dataindex指定的字段内容。
    2011-07-07

最新评论