ExtJS GridPanel 根据条件改变字体颜色
作者:bea
1、在GridPanel中加入GridView 代码如下: <View> <ext:GridView ID="GridView1" runat="server"> <GetRowClass Fn="setRowBg" /> </ext:GridView> </View> 2、加入js脚本 代码如下: <script language="javascript" type="text/jav
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>
有用 | 无用
代码如下:
<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的html(data)方法与<script>脚本块的解决方法
- JQuery+div+css 无限级联树实现代码
- Jquery替换已存在于element上的event的方法
- JQery jstree 大数据量问题解决方法
- 魔鬼字典 JavaScript 笔记 代码比较多乱
- Javascript Math ceil()、floor()、round()三个函数的区别
- js 无提示关闭浏览器页面的代码
- JS 无法通过W3C验证的处理方法
- extjs 的权限问题 要求控制的对象是 菜单,按钮,URL
- javascript 简单抽屉效果的实现代码
- Javascript常考语句107条收集
- 风吟的小型JavaScirpt库 (FY.JS).
- 屏蔽鼠标右键、Ctrl+N、Shift+F10、Alt+F4、F11、F5刷新、退格键
- 用jQuery实现的模拟下拉框代码
- Jquery实现无刷新DropDownList联动实现代码
- JavaScript this调用规则说明
- javascript 放大镜 v1.0 基于Yui2 实现的放大镜效果
- JavaScript中的闭包原理分析