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 隔行换色 支持键盘上下键,按Enter选定值
Aug 02 Javascript
基于JQuery实现鼠标点击文本框显示隐藏提示文本
Feb 23 Javascript
jquery 获取表单元素里面的值示例代码
Jul 28 Javascript
JAVASCRIPT函数作用域和提前声明 分享
Aug 22 Javascript
基于javascript滚动图片具体实现
Nov 18 Javascript
jquery取消选择select下拉框示例代码
Feb 22 Javascript
javascript获取函数名称、函数参数、对象属性名称的代码实例
Apr 12 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
hovertree插件实现二级树形菜单(简单实用)
Dec 28 Javascript
javascript html5轻松实现拖动功能
Mar 01 Javascript
Angular如何引入第三方库的方法详解
Jul 13 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/10/09 PHP
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
php查询ip所在地的方法
2014/12/05 PHP
PHP实现将几张照片拼接到一起的合成图片功能【便于整体打印输出】
2017/11/14 PHP
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
jquery 元素相对定位代码
2010/10/15 Javascript
JQuery扩展插件Validate 3通过参数设置错误信息
2011/09/05 Javascript
ajax的hide隐藏问题解决方法
2012/12/11 Javascript
javascript判断复选框是否选中的方法
2015/10/16 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
2020/09/01 Javascript
原生js实现商品放大镜效果
2017/01/12 Javascript
canvas实现刮刮卡效果
2017/03/14 Javascript
js登录滑动验证的实现(不滑动无法登陆)
2018/01/03 Javascript
深入理解ES6中let和闭包
2018/02/22 Javascript
Vue实现简单分页器
2018/12/29 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
用python 制作图片转pdf工具
2015/01/30 Python
Python的Asyncore异步Socket模块及实现端口转发的例子
2016/06/14 Python
python中多层嵌套列表的拆分方法
2018/07/02 Python
使用50行Python代码从零开始实现一个AI平衡小游戏
2018/11/21 Python
Django的性能优化实现解析
2019/07/30 Python
Python实现非正太分布的异常值检测方式
2019/12/09 Python
基于Python爬取51cto博客页面信息过程解析
2020/08/25 Python
Python中读取文件名中的数字的实例详解
2020/12/25 Python
phpquery中文手册
2021/03/18 PHP
美国购物网站:Clickhere2shop
2021/01/28 全球购物
设计4个线程,其中两个线程每次对j增加1,另外两个线程对j每次减少1。写出程序。
2014/12/30 面试题
银行出纳岗位职责
2013/11/25 职场文书
高三自我评价
2014/02/01 职场文书
网络信息安全承诺书
2014/03/26 职场文书
授权委托书样本
2014/09/25 职场文书
2015年医德医风工作总结
2015/04/02 职场文书
地雷战观后感
2015/06/09 职场文书
详解Java实践之适配器模式
2021/06/18 Java/Android
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS