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 相关文章推荐
你的编程语言可以这样做吗?
Sep 07 Javascript
js中的escape及unescape函数的php实现代码
Sep 04 Javascript
Javascript中的for in循环和hasOwnProperty结合使用
Jun 05 Javascript
js根据鼠标移动速度背景图片自动旋转的方法
Feb 28 Javascript
javascript实现控制div颜色
Jul 07 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
Sep 24 Javascript
微信小程序获取手机网络状态的方法【附源码下载】
Dec 08 Javascript
vue项目中添加单元测试的方法
Jul 21 Javascript
vue 使用html2canvas将DOM转化为图片的方法
Sep 11 Javascript
解决echarts中横坐标值显示不全(自动隐藏)问题
Jul 20 Javascript
在react项目中使用antd的form组件,动态设置input框的值
Oct 24 Javascript
js删除对象中的某一个字段的方法实现
Jan 11 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开发中常用的三个表单验证函数使用小结
2010/03/03 PHP
PHP动态分页函数,PHP开发分页必备啦
2011/11/07 PHP
smarty内置函数foreach用法实例
2015/01/22 PHP
symfony表单与页面实现技巧
2015/01/26 PHP
PHP Ajax JavaScript Json获取天气信息实现代码
2016/08/17 PHP
php实时倒计时功能实现方法详解
2017/02/27 PHP
json简单介绍
2008/06/10 Javascript
firefox下对ajax的onreadystatechange的支持情况分析
2009/12/14 Javascript
javascript学习笔记(九) js对象 设计模式
2012/06/19 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
2012/12/09 Javascript
Javascript常用字符串判断函数代码分享
2014/12/08 Javascript
详解百度百科目录导航树小插件
2017/01/08 Javascript
基于JavaScript实现窗口拖动效果
2017/01/18 Javascript
javascript获取指定区间范围随机数的方法
2017/09/08 Javascript
原生JS写Ajax的请求函数功能
2017/12/22 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
2019/04/17 Javascript
javascript实现摄像头拍照预览
2019/09/30 Javascript
JavaScript实现瀑布流布局的3种方式
2020/12/27 Javascript
python统计文本字符串里单词出现频率的方法
2015/05/26 Python
window7下的python2.7版本和python3.5版本的opencv-python安装过程
2019/10/24 Python
利用纯CSS3实现文字向右循环闪过效果实例(可用于移动端)
2017/06/15 HTML / CSS
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
2013/01/31 HTML / CSS
用html5实现语音搜索框的方法
2014/03/18 HTML / CSS
英国家电直销:Appliances Direct
2016/09/22 全球购物
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
Moda Operandi官网:美国奢侈品电商,海淘秀场T台同款
2020/05/26 全球购物
OnePlus加拿大官网:中国国际化手机品牌
2020/10/13 全球购物
电子商务专业毕业生工作推荐信
2013/11/17 职场文书
事务机电主管工作职责
2014/02/25 职场文书
法语专业求职信
2014/07/20 职场文书
医学检验专业自荐信
2014/09/18 职场文书
亚布力滑雪场导游词
2015/02/09 职场文书
python爬虫之爬取笔趣阁小说
2021/04/22 Python
Python编程编写完善的命令行工具
2021/09/15 Python
MySQL实例精讲单行函数以及字符数学日期流程控制
2021/10/15 MySQL
Linux下搭建SFTP服务器的命令详解
2022/06/25 Servers