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 相关文章推荐
JavaScript中的事件处理
Jan 16 Javascript
JavaScript DOM 学习第七章 表单的扩展
Feb 19 Javascript
Juqery Html(),append()等方法的Bug解决方法
Dec 13 Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 Javascript
JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)
Dec 14 Javascript
jQuery实现视频作为全屏幕背景
Dec 18 Javascript
JavaScript验证Email(3种方法)
Sep 21 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 Javascript
ES6学习教程之块级作用域详解
Oct 09 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
Dec 08 Javascript
在Chrome DevTools中调试JavaScript的实现
Apr 07 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判断是否连接上网络的方法
2015/07/01 PHP
thinkphp框架实现删除和批量删除
2016/06/29 PHP
Yii2 hasOne(), hasMany() 实现三表关联的方法(两种)
2017/02/15 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
js以分隔符分隔数组中的元素并转换为字符串的方法
2016/11/16 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
2016/12/17 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
2017/02/08 Javascript
Javascript继承机制详解
2017/05/30 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
2017/08/26 jQuery
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
2019/12/07 Javascript
vue接口请求加密实例
2020/08/11 Javascript
Vue+Bootstrap实现简易学生管理系统
2021/02/09 Vue.js
Python用GET方法上传文件
2015/03/10 Python
python去除所有html标签的方法
2015/05/05 Python
python计算一个序列的平均值的方法
2015/07/11 Python
代码详解django中数据库设置
2019/01/28 Python
opencv实现简单人脸识别
2021/02/19 Python
pytorch中 gpu与gpu、gpu与cpu 在load时相互转化操作
2020/05/25 Python
python如何处理程序无法打开
2020/06/16 Python
利用Node实现HTML5离线存储的方法
2020/10/16 HTML / CSS
英语硕士生求职简历的自我评价
2013/10/15 职场文书
毕业自我鉴定范文
2013/11/06 职场文书
预备党员思想汇报范文
2013/12/29 职场文书
八年级音乐教学反思
2014/01/09 职场文书
证婚人搞笑证婚词
2014/01/10 职场文书
英语自我评价范文
2014/01/24 职场文书
大学生军训自我鉴定
2014/02/12 职场文书
模具设计与制造专业求职信
2014/07/19 职场文书
2014城乡环境综合治理工作总结
2014/12/19 职场文书
结婚堵门保证书
2015/05/08 职场文书
解除合同协议书范本
2016/03/21 职场文书
2019年世界儿童日宣传标语
2019/11/22 职场文书
Python 图片添加美颜效果
2022/04/28 Python
Win11 PC上的Outlook搜索错误怎么办?
2022/07/15 数码科技