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


Posted in Javascript onSeptember 06, 2010

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 ''; 
} 
} 
},
Javascript 相关文章推荐
获取网站跟路径的javascript代码(站点及虚拟目录)
Oct 20 Javascript
传智播客学习之java 反射
Nov 22 Javascript
js 文件引入实现代码
Apr 23 Javascript
javascript中的一些注意事项 更新中
Dec 06 Javascript
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
Jan 23 Javascript
jquery实现文本框数量加减功能的例子分享
May 10 Javascript
jquery实现鼠标经过显示下划线的渐变下拉菜单效果代码
Aug 24 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
Sep 15 Javascript
移动端使用localResizeIMG4压缩图片
Apr 22 Javascript
如何利用vue+vue-router+elementUI实现简易通讯录
May 13 Javascript
Vue使用v-viewer实现图片预览
Oct 21 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 06 #Javascript
Document对象内容集合(比较全)
Sep 06 #Javascript
Jquery优化效率 提升性能解决方案
Sep 06 #Javascript
jquery中this的使用说明
Sep 06 #Javascript
firefox下frameset取不到值的解决方法
Sep 06 #Javascript
js过滤数组重复元素的方法
Sep 05 #Javascript
麻雀虽小五脏俱全 Dojo自定义控件应用
Sep 04 #Javascript
You might like
php常用数组array函数实例总结【赋值,拆分,合并,计算,添加,删除,查询,判断,排序】
2016/12/07 PHP
Yii实现复选框批量操作实例代码
2017/03/15 PHP
PHP给源代码加密的几种方法汇总(推荐)
2018/02/06 PHP
PHP实现随机发扑克牌
2020/04/22 PHP
不间断滚动JS打包类,基本可以实现所有的滚动效果,太强了
2007/12/08 Javascript
js 解决“options为空或不是对象”
2008/12/22 Javascript
查询绑定数据岛的表格中的文本并修改显示方式的js代码
2009/12/15 Javascript
JS 屏蔽按键效果与改变按键效果的示例代码
2013/12/24 Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
2014/06/23 Javascript
JavaScript插件化开发教程 (四)
2015/01/27 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
使用Jasmine和Karma对AngularJS页面程序进行测试
2016/03/05 Javascript
Angularjs整合微信UI(weui)
2016/03/15 Javascript
javascript实现文字无缝滚动
2016/12/27 Javascript
基于Angularjs-router动态改变Title值的问题
2018/08/30 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
微信小程序 swiper 组件遇到的问题及解决方法
2019/05/26 Javascript
JavaScript canvas实现雪花随机动态飘落
2020/02/08 Javascript
[06:25]DOTA2英雄梦之声_第17期_大地之灵
2014/06/20 DOTA
[05:59]带你看看DPC的台前幕后
2021/03/11 DOTA
Python实现删除Android工程中的冗余字符串
2015/01/19 Python
查看django版本的方法分享
2018/05/14 Python
python flask安装和命令详解
2019/04/02 Python
python框架Django实战商城项目之工程搭建过程图文详解
2020/03/09 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
python中re模块知识点总结
2021/01/17 Python
DKNY品牌官网:纽约大都会时尚风格
2016/10/20 全球购物
C#中有没有静态构造函数,如果有是做什么用的?
2016/06/04 面试题
《我为你骄傲》教学反思
2014/02/20 职场文书
班长竞选演讲稿
2014/04/24 职场文书
《梅花魂》教学反思
2014/04/30 职场文书
企业总经理助理岗位职责
2014/09/12 职场文书
外国人来华邀请函
2015/01/31 职场文书
学期个人工作总结
2015/02/13 职场文书
ThinkPHP5和ThinkPHP6的区别
2021/03/31 PHP
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers