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

本文介绍如何在ExtJS中使用GridPanel结合GridView组件,并通过JavaScript脚本实现根据数据条件改变表格行背景及文字颜色的方法。具体实现包括在GridPanel中加入GridView,并定义setRowBg函数来根据不同条件设置行样式。

摘要生成于 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> 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值