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> 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章