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 相关文章推荐
jQuery Tools tab使用介绍
Jul 14 Javascript
简单实用的反馈表单无刷新提交带验证
Nov 15 Javascript
jQuery实现鼠标划过展示大图的方法
Mar 09 Javascript
JavaScript 里的类数组对象
Apr 08 Javascript
jquery仿百度百科底部浮动导航特效
Aug 08 Javascript
JSONP跨域请求
Mar 02 Javascript
js 概率计算(简单版)
Sep 12 Javascript
JavaScript的setter与getter方法
Nov 29 Javascript
vue中组件的过渡动画及实现代码
Nov 21 Javascript
js的各种数据类型判断的介绍
Jan 19 Javascript
解决vue项目,npm run build后,报路径错的问题
Aug 13 Javascript
Vue项目如何引入bootstrap、elementUI、echarts
Nov 26 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
javascript Base类 包含基本的方法
2009/07/22 Javascript
Mootools 1.2教程 正则表达式
2009/09/15 Javascript
JavaScript在IE和Firefox(火狐)的不兼容问题解决方法小结
2010/04/13 Javascript
用JavaScript修改CSS属性的代码
2013/05/06 Javascript
详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能
2016/12/23 Javascript
vue二级路由设置方法
2018/02/09 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
vue axios 简单封装以及思考
2018/10/09 Javascript
Vue.js 中的 v-model 指令及绑定表单元素的方法
2018/12/03 Javascript
Jquery的Ajax技术使用方法
2019/01/21 jQuery
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
JavaScript实现省市联动效果
2019/11/22 Javascript
Javascript表单序列化原理及实现代码详解
2020/10/30 Javascript
[03:37]2015国际邀请赛第四日现场精彩集锦
2015/08/08 DOTA
Python常用时间操作总结【取得当前时间、时间函数、应用等】
2017/05/11 Python
python实现飞机大战
2018/09/11 Python
python 分离文件名和路径以及分离文件名和后缀的方法
2018/10/21 Python
利用python修改json文件的value方法
2018/12/31 Python
python Tkinter版学生管理系统
2019/02/20 Python
Python3最长回文子串算法示例
2019/03/04 Python
python银行系统实现源码
2019/10/25 Python
python 解决cv2绘制中文乱码问题
2019/12/23 Python
Python图像阈值化处理及算法比对实例解析
2020/06/19 Python
修复iPhone的safari浏览器上submit按钮圆角bug
2012/12/24 HTML / CSS
编程实现当输入某产品代码则打印出该产品记录的功能
2014/05/03 面试题
咖啡蛋糕店创业计划书
2014/01/28 职场文书
教师年度考核评语
2014/04/28 职场文书
关于保护环境的建议书
2014/05/13 职场文书
学雷锋先进个人事迹
2014/05/26 职场文书
节能环保标语
2014/06/12 职场文书
2015年党日活动总结范文
2015/03/25 职场文书
2015公司年度工作总结
2015/05/14 职场文书
逃出克隆岛观后感
2015/06/09 职场文书
2015年社区反邪教工作总结
2015/10/14 职场文书
js基础语法与maven项目配置教程案例
2021/07/15 Javascript
Java数据结构之堆(优先队列)
2022/05/20 Java/Android