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 相关文章推荐
gridpanel动态加载数据的实例代码
Jul 18 Javascript
JavaScript中用sort()方法对数组元素进行排序的操作
Jun 09 Javascript
数据结构中的各种排序方法小结(JS实现)
Jul 23 Javascript
js实现密码强度检验
Jan 15 Javascript
几种tab切换详解
Feb 03 Javascript
详解vue2.0脚手架的webpack 配置文件分析
May 27 Javascript
不得不看之JavaScript构造函数及new运算符
Aug 21 Javascript
webpack 样式加载的实现原理
Jun 12 Javascript
jQuery实现动画、消失、显现、渐出、渐入效果示例
Sep 06 jQuery
使用layui前端框架弹出form表单以及提交的示例
Oct 25 Javascript
webgl实现物体描边效果的方法介绍
Nov 27 Javascript
微信小程序实现弹幕墙(祝福墙)
Nov 18 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
PHP语法速查表
2006/12/06 PHP
php获取用户IPv4或IPv6地址的代码
2012/11/15 PHP
php简单统计在线人数的方法
2016/05/10 PHP
php 中htmlentities导致中文无法查询问题
2018/09/10 PHP
jQuery中的bind绑定事件与文本框改变事件的临时解决方法
2010/08/13 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件
2011/12/21 Javascript
javascript学习笔记(二) js一些基本概念
2012/06/18 Javascript
jQuery平滑旋转幻灯片特效代码分享
2015/09/07 Javascript
基于javascript实现句子翻牌网页版小游戏
2016/03/23 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
Bootstrap超大屏幕的实现代码
2017/03/22 Javascript
TypeScript入门-接口
2017/03/30 Javascript
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
vue实现父子组件之间的通信以及兄弟组件的通信功能示例
2019/01/29 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
2020/07/15 Javascript
[50:59]2018DOTA2亚洲邀请赛 4.7 总决赛 LGD vs Mineski第四场
2018/04/10 DOTA
[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/20 DOTA
Python优先队列实现方法示例
2017/09/21 Python
OpenCV-Python实现轮廓检测实例分析
2018/01/05 Python
Python 运行 shell 获取输出结果的实例
2019/01/07 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
python编写一个会算账的脚本的示例代码
2020/06/02 Python
Pytorch 图像变换函数集合小结
2021/02/01 Python
利用HTML5+CSS3实现3D转换效果实例详解
2017/05/02 HTML / CSS
HTML5 背景的显示区域实现
2020/07/09 HTML / CSS
精致的手工皮鞋:Shoe Embassy
2019/11/08 全球购物
小学生迎国庆演讲稿
2014/09/05 职场文书
党员四风问题个人对照检查材料
2014/10/26 职场文书
2015年党建工作总结
2015/03/30 职场文书
运动会800米赞词
2015/07/22 职场文书
彻底理解golang中什么是nil
2021/04/29 Golang
《最终幻想14》6.01版本4月5日推出 追加新任务新道具
2022/04/03 其他游戏
vue cli4中mockjs在dev环境和build环境的配置详情
2022/04/06 Vue.js