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


Posted in Javascript onSeptember 03, 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 相关文章推荐
jMessageBox 基于jQuery的窗口插件
Dec 09 Javascript
JQUERY操作JSON实例代码
Feb 09 Javascript
Array的push与unshift方法性能比较分析
Mar 05 Javascript
使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)
Mar 16 Javascript
require.js深入了解 require.js特性介绍
Sep 04 Javascript
JS实现仿新浪黄色经典滑动门效果代码
Sep 27 Javascript
javascript基本算法汇总
Mar 09 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
Oct 29 Javascript
JavaScript生成指定范围随机数和随机序列的方法
May 05 Javascript
如何在vue里添加好看的lottie动画
Aug 02 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
vue3使用vue-router的完整步骤记录
Jun 20 Vue.js
动态加载图片路径 保持JavaScript控件的相对独立性
Sep 03 #Javascript
Dojo 学习要点
Sep 03 #Javascript
jquery.simple.tree插件 更简单,兼容性更好的无限树插件
Sep 03 #Javascript
基于JQuery的6个Tab选项卡插件
Sep 03 #Javascript
Jquery中dialog属性小记
Sep 03 #Javascript
javascript中使用css需要注意的地方小结
Sep 01 #Javascript
js截取函数(indexOf,join等)
Sep 01 #Javascript
You might like
编写PHP的安全策略
2006/10/09 PHP
PHP中list()函数用法实例简析
2016/01/08 PHP
PHP解决中文乱码
2017/04/28 PHP
Laravel框架数据库迁移操作实例详解
2020/04/06 PHP
DEFER怎么用?
2006/07/01 Javascript
javascript变量作用域使用中常见错误总结
2013/03/26 Javascript
javascript仿php的print_r函数输出json数据
2013/09/13 Javascript
js实现点击链接后延迟3秒再跳转的方法
2015/06/05 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
2016/02/19 Javascript
Vue.js实现一个todo-list的上移下移删除功能
2017/06/26 Javascript
详解在 Angular 项目中添加 clean-blog 模板
2017/07/04 Javascript
使用canvas进行图像编辑的实例
2017/08/29 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
jquery ajax异步提交表单数据的方法
2017/10/27 jQuery
详解用Node.js写一个简单的命令行工具
2018/03/01 Javascript
vue 2.1.3 实时显示当前时间,每秒更新的方法
2018/09/16 Javascript
JavaScript数组去重实现方法小结
2020/01/17 Javascript
js闭包和垃圾回收机制示例详解
2021/03/01 Javascript
用Python创建声明性迷你语言的教程
2015/04/13 Python
在Mac OS系统上安装Python的Pillow库的教程
2015/11/20 Python
python开发利器之ulipad的使用实践
2017/03/16 Python
python和opencv实现抠图
2018/07/18 Python
对python opencv 添加文字 cv2.putText 的各参数介绍
2018/12/05 Python
OpenCV HSV颜色识别及HSV基本颜色分量范围
2019/03/22 Python
python爬虫实现中英翻译词典
2019/06/25 Python
python 遍历pd.Series的index和value
2019/11/26 Python
python爬虫开发之PyQuery模块详细使用方法与实例全解
2020/03/09 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
在python里使用await关键字来等另外一个协程的实例
2020/05/04 Python
matplotlib bar()实现百分比堆积柱状图
2021/02/24 Python
HTML5 对各个标签的定义与规定:body的介绍
2012/06/21 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
党校学习自我鉴定
2014/02/24 职场文书
迎客户欢迎词三篇
2019/09/27 职场文书
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js
python opencv通过按键采集图片源码
2021/05/20 Python