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 相关文章推荐
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 Javascript
一个简单的瀑布流效果(主体形式自写)
May 27 Javascript
javascript判断是否按回车键并解决浏览器之间的差异
May 13 Javascript
jQuery中的编程范式详解
Dec 15 Javascript
jQuery+PHP实现动态数字展示特效
Mar 14 Javascript
Javascript中的apply()方法浅析
Mar 15 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用
Sep 19 Javascript
手机浏览器 后退按钮强制刷新页面方法总结
Oct 09 Javascript
深入理解Angular4订阅(Subscribe)与取消
Nov 22 Javascript
JavaScript树的深度优先遍历和广度优先遍历算法示例
Jul 30 Javascript
JavaScript Date对象功能与用法学习记录
Apr 28 Javascript
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
百事可乐也出咖啡了 双倍咖啡因双倍快乐
2021/03/03 咖啡文化
浅谈php函数serialize()与unserialize()的使用方法
2014/08/19 PHP
php中删除数组的第一个元素和最后一个元素的函数
2015/03/07 PHP
Laravel实现构造函数自动依赖注入的方法
2016/03/16 PHP
ExtJS如何设置与获取radio控件的选取状态
2014/01/22 Javascript
javascript自定义的addClass()方法
2014/05/28 Javascript
JS+CSS模拟可以无刷新显示内容的留言板实例
2015/03/03 Javascript
javascript搜索框效果实现方法
2015/05/14 Javascript
jQuery插件EasyUI实现Layout框架页面中弹出窗体到最顶层效果(穿越iframe)
2016/08/05 Javascript
关于JavaScript中事件绑定的方法总结
2016/10/26 Javascript
基于BootstrapValidator的Form表单验证(24)
2016/12/12 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
2017/01/11 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
2017/02/21 Javascript
详谈commonjs模块与es6模块的区别
2017/10/18 Javascript
vue+vuex+axios实现登录、注册页权限拦截
2018/03/09 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
2019/05/29 Javascript
使用flow来规范javascript的变量类型
2019/09/12 Javascript
初学Python函数的笔记整理
2015/04/07 Python
python中urlparse模块介绍与使用示例
2017/11/19 Python
Django框架实现逆向解析url的方法
2018/07/04 Python
python 字典中文key处理,读取,比较方法
2018/07/06 Python
python多线程并发让两个LED同时亮的方法
2019/02/18 Python
python3 tkinter实现点击一个按钮跳出另一个窗口的方法
2019/06/13 Python
python 绘制拟合曲线并加指定点标识的实现
2019/07/10 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
PyTorch中常用的激活函数的方法示例
2019/08/20 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
什么是用户模式(User Mode)与内核模式(Kernel Mode) ?
2015/09/07 面试题
最新大学生自我评价
2013/09/24 职场文书
优秀求职自荐信怎样写
2013/12/18 职场文书
测试工程师职业规划书
2014/02/06 职场文书
结婚周年感言
2014/02/24 职场文书
2014年师德师风工作总结
2014/11/25 职场文书
导游词之神仙居景区
2019/11/15 职场文书
ORACLE数据库应用开发的三十个注意事项
2021/06/07 Oracle
MySQL去除密码登录告警的方法
2022/04/20 MySQL