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

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> 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值