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 相关文章推荐
JQuery操作iframe父页面与子页面的元素与方法(实例讲解)
Nov 20 Javascript
jQuery+ajax实现鼠标单击修改内容的方法
Jun 27 Javascript
Node.js编码规范
Jul 14 Javascript
window.print打印指定div指定网页指定区域的方法
Aug 04 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
asp知识整理笔记3(问答模式)
Sep 27 Javascript
jQuery中Nicescroll滚动条插件的用法
Nov 10 Javascript
Vue.js 2.0窥探之Virtual DOM到底是什么?
Feb 10 Javascript
微信小程序 setData的使用方法详解
Apr 20 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
Sep 12 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
Aug 15 Javascript
vue如何在项目中调用腾讯云的滑动验证码
Jul 15 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 内存缓存加速功能memcached安装与用法
2009/09/03 PHP
深入解析PHP的引用计数机制
2013/06/14 PHP
让PHP显示Facebook的粉丝数量方法
2014/01/08 PHP
详解Grunt插件之LiveReload实现页面自动刷新(两种方案)
2015/07/31 PHP
PHP实现关键字搜索后描红功能示例
2019/07/03 PHP
js实现的折叠导航示例
2013/11/29 Javascript
5种处理js跨域问题方法汇总
2014/12/04 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
javascript模拟php函数in_array
2015/04/27 Javascript
javascript简易画板开发
2020/04/12 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
2017/02/19 Javascript
详解AngularJS通过ocLazyLoad实现动态(懒)加载模块和依赖
2017/03/01 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
2017/08/31 Javascript
彻底搞懂JavaScript中的apply和call方法(必看)
2017/09/18 Javascript
详解Angular系列之变化检测(Change Detection)
2018/02/26 Javascript
不得不知的ES6小技巧
2018/07/28 Javascript
iview实现select tree树形下拉框的示例代码
2018/12/21 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
vue实现编辑器键盘抬起时内容跟随光标距顶位置向上滚动效果
2020/05/28 Javascript
使用python 获取进程pid号的方法
2014/03/10 Python
python 安装virtualenv和virtualenvwrapper的方法
2017/01/13 Python
Python计算两个日期相差天数的方法示例
2017/05/23 Python
浅谈python3.6的tkinter运行问题
2019/02/22 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
python实现连续变量最优分箱详解--CART算法
2019/11/22 Python
Python 基于jwt实现认证机制流程解析
2020/06/22 Python
Python实现打包成库供别的模块调用
2020/07/13 Python
python 模块导入问题汇总
2021/02/01 Python
html5自带表单验证体验优化及提示气泡修改功能
2017/09/12 HTML / CSS
武汉瑞得软件笔试题
2015/10/27 面试题
单位未婚证明范本
2014/11/25 职场文书
2014年教育工作总结
2014/11/26 职场文书
护士爱岗敬业心得体会
2016/01/25 职场文书
分析MySQL抛出异常的几种常见解决方式
2021/05/18 MySQL
Python下opencv使用hough变换检测直线与圆
2021/06/18 Python
Android Studio实现带三角函数对数运算功能的高级计算器
2022/05/20 Java/Android