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 相关文章推荐
SyntaxHighlighter代码加色使用方法
Sep 07 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
Dec 16 Javascript
js实现鼠标经过时图片滚动停止的方法
Feb 16 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
Nov 25 Javascript
Vue2 配置 Axios api 接口调用文件的方法
Nov 13 Javascript
electron demo项目npm install安装失败的解决方法
Feb 06 Javascript
vue计算属性和监听器实例解析
May 10 Javascript
vue form 表单提交后刷新页面的方法
Sep 04 Javascript
vscode vue 文件模板的配置方法
Jul 23 Javascript
vue实现路由懒加载的3种方法示例
Sep 01 Javascript
JavaScript Blob对象原理及用法详解
Oct 14 Javascript
Vue常用API、高级API的相关总结
Feb 02 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安全配置方法
2007/06/16 PHP
PHP中时间加减函数strtotime用法分析
2017/04/26 PHP
用javascript做拖动布局的思路
2008/05/31 Javascript
jQuery ready函数滥用分析
2011/02/16 Javascript
情人节专属 纯js脚本1k大小的3D玫瑰效果
2012/02/11 Javascript
js生成动态表格并为每个单元格添加单击事件的方法
2014/04/14 Javascript
javascript制作2048游戏
2015/03/30 Javascript
JavaScript获得url查询参数的方法
2015/07/02 Javascript
JavaScript实现跨浏览器的添加及删除事件绑定函数实例
2015/08/04 Javascript
javascript判断复选框是否选中的方法
2015/10/16 Javascript
仅30行代码实现Javascript中的MVC
2016/02/15 Javascript
两种简单的跨域方法(jsonp、php)
2017/01/02 Javascript
Bootstrap下拉菜单Dropdowns的实现代码
2017/03/17 Javascript
vue-resouce设置请求头的三种方法
2017/09/12 Javascript
node中的session的具体使用
2018/09/14 Javascript
使用webpack编译es6代码的方法步骤
2019/04/28 Javascript
微信小程序单选radio及多选checkbox按钮用法示例
2019/04/30 Javascript
JS canvas实现画板和签字板功能
2021/02/23 Javascript
[02:36]DOTA2英雄基础教程 一击致命幻影刺客
2013/12/06 DOTA
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
利用python实现AR教程
2019/11/20 Python
python实现按日期归档文件
2021/01/30 Python
原装进口全世界:天猫国际
2016/08/03 全球购物
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
英国户外玩具儿童游乐设备网站:TP Toys(蹦床、攀爬框架、秋千、滑梯和游戏屋)
2018/04/09 全球购物
Shop Apotheke瑞士:您的健康与美容网上商店
2019/10/09 全球购物
在C语言中"指针和数组等价"到底是什么意思?
2014/03/24 面试题
介绍一下Java的事务处理
2012/12/07 面试题
计算机网络及管理学专业求职信
2014/06/05 职场文书
小学生放飞梦想演讲稿
2014/08/26 职场文书
2014院党委领导班子及其成员群众路线对照检查材料思想汇报
2014/10/04 职场文书
毕业设计致谢词
2015/05/14 职场文书
2019职场实习报告该怎么写?
2019/07/01 职场文书
关于JavaScript回调函数的深入理解
2021/06/27 Javascript
Python可视化学习之matplotlib内置单颜色
2022/02/24 Python