ExtJS GridPanel 根据条件改变字体颜色

本文介绍了如何在GridPanel中加入GridView,并通过JavaScript实现基于特定条件的颜色和背景样式更改,提供了具体的代码示例和功能解释。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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>
详细出处参考:http://www.jb51.net/article/22420.htm

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值