ExtJS GridPanel 根据条件改变字体颜色


Posted in Javascript onMarch 08, 2010

1、在GridPanel中加入GridView

<View> 
<ext:GridView ID="GridView1" runat="server"> 
<GetRowClass Fn="setRowBg" /> 
</ext:GridView> 
</View>

2、加入js脚本
<script language="javascript" type="text/javascript"> 
function setRowBg(rd, ri, ro) { 
var zhb,lj,xzh; 
zhb=rd.data.zhb; 
lj=rd.data.lj 
xzh=rd.data.xzh; 
if (xzh=="正向") 
{ 
if (zhb>lj) 
{ 
ro.tstyle = "color: #F57D02; "; 
} 
else 
{ 
ro.tstyle = "background-color:none;"; 
} 
} 
if (xzh=="反向") 
{ 
if (zhb<lj) 
{ 
ro.tstyle = "color: #FFE37E; "; 
} 
else 
{ 
ro.tstyle = "background-color:none;"; 
} 
} 
} 
</script>
Javascript 相关文章推荐
iis6+javascript Add an Extension File
Jun 13 Javascript
Jquery iframe内部出滚动条
Feb 11 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
Dec 25 Javascript
JavaScript调用客户端的可执行文件(示例代码)
Nov 28 Javascript
JavaScript中number转换成string介绍
Dec 31 Javascript
JQuery给select添加/删除节点的实现代码
Apr 26 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
Oct 31 Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 Javascript
如何为vue的项目添加单元测试
Dec 19 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
Feb 13 Javascript
vue使用refs获取嵌套组件中的值过程
Mar 31 Vue.js
分享一个vue实现的记事本功能案例
Apr 11 Vue.js
JavaScript 滚轮事件使用说明
Mar 07 #Javascript
javascript下4个跨浏览器必备的函数
Mar 07 #Javascript
Zero Clipboard js+swf实现的复制功能使用方法
Mar 07 #Javascript
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
Mar 07 #Javascript
javascript实现面向对象类的功能书写技巧
Mar 07 #Javascript
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
Mar 07 #Javascript
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
Mar 05 #Javascript
You might like
php 高效率写法 推荐
2010/02/21 PHP
PHP similar_text 字符串的相似性比较函数
2010/05/26 PHP
php配合jquery实现增删操作具体实例
2013/12/12 PHP
CI框架学习笔记(二) -入口文件index.php
2014/10/27 PHP
PHP扩展开发教程(总结)
2015/11/04 PHP
PHP简单判断iPhone、iPad、Android及PC设备的方法
2016/10/11 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
PHP策略模式定义与用法示例
2017/07/27 PHP
PHP mysqli事务操作常用方法分析
2017/07/22 PHP
PHP长连接实现与使用方法详解
2018/02/11 PHP
JavaScript 脚本将当地时间转换成其它时区
2009/03/19 Javascript
js 小数取整的函数
2010/05/10 Javascript
最短的IE判断代码
2011/03/13 Javascript
jQuery后代选择器用法实例
2014/12/23 Javascript
JavaScript实现Java中StringBuffer的方法
2015/02/09 Javascript
JavaScript中数组slice和splice的对比小结
2016/09/22 Javascript
AngularJS入门教程之多视图切换用法示例
2016/11/02 Javascript
Js利用Canvas实现图片压缩功能
2017/09/13 Javascript
three.js实现3D视野缩放效果
2017/11/16 Javascript
Python中的字符串类型基本知识学习教程
2016/02/04 Python
Python编程修改MP3文件名称的方法
2017/04/19 Python
python 寻找list中最大元素对应的索引方法
2018/06/28 Python
Python面向对象程序设计OOP入门教程【类,实例,继承,重载等】
2019/01/05 Python
Python多线程threading模块用法实例分析
2019/05/22 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
深入浅析python变量加逗号,的含义
2020/02/22 Python
Python 必须了解的5种高级特征
2020/09/10 Python
详解CSS3选择器:nth-child和:nth-of-type之间的差异
2017/09/18 HTML / CSS
乌克兰电子和家用电器商店:Foxtrot
2019/07/23 全球购物
日期和时间问题
2015/01/04 面试题
总经理助理岗位职责
2013/11/08 职场文书
获奖的大学生创业计划书
2014/01/05 职场文书
志愿者爱心公益活动策划方案
2014/09/15 职场文书
贷款工作证明模板
2015/06/12 职场文书
如何制定销售人员薪酬制度?
2019/07/09 职场文书
Java 使用类型为Object的变量指向任意类型的对象
2022/04/13 Java/Android