ExtJS GridPanel 根據(jù)條件改變字體顏色

更新時間：2010年03月08日 17:44:32 作者：

ExtJS下GridPanel 根據(jù)條件改變字體顏色的實現(xiàn)代碼。

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> 

您可能感興趣的文章:

ExtJS 入門
記錄一下ExtJS的一些簡單使用的方法.備忘
2010-10-10
Ext 表單布局實例代碼
ext下布局的實現(xiàn)代碼。
2009-04-04
extjs之去除s.gif的影響
其實這一個總是很容易解決，只要在Ext.onReady()方法之前（或者方法的第一句）加上下面這一句代碼就解決了！
2010-12-12
Extjs改變樹節(jié)點的勾選狀態(tài)點擊按鈕將復選框去掉
需要一個功能點擊一個按鈕后將樹節(jié)點前的復選框去掉，變成沒有選擇的狀態(tài)，百度一下發(fā)現(xiàn)個不錯的方法，需要的朋友可以參考下
2013-11-11
ExtJS[Desktop]實現(xiàn)圖標換行示例代碼
ExtJS中的desktop的demo中，默認的圖標排列是不換行的，以下代碼就是為了解決這一問題的，需要的朋友可以了解下
2013-11-11
Extjs學習筆記之二初識Extjs之Form
form恐怕是Web開發(fā)中最常用的控件了，Extjs對普通的html form進行了一些封裝，使其具有基本的外觀和一些簡便的和服務器進行通信的方法。
2010-01-01
將list轉換為json失敗的原因
如何用的hibernate的自動注解，并且里面有一對多，多對一的關系，這是需要在不需要的字段上加上注解@JsonIgnore
2013-12-12
關于extjs4如何獲取grid修改后的數(shù)據(jù)的問題
如何獲取grid修改后的數(shù)據(jù)問題，下面是API的描述?？梢垣@取各種值，感興趣的朋友可以參考下
2013-08-08
學習ExtJS fit布局使用說明
ExtJS fit布局使用說明，需要的朋友可以參考下。
2009-10-10
Extjs實現(xiàn)下拉菜單效果
這篇文章主要為大家介紹了Extjs實現(xiàn)下拉樹的相關代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-04-04