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

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

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

1、在GridPanel中加入GridView

 
<View> 
<ext:GridView ID="GridView1" runat="server"> 
<GetRowClass Fn="setRowBg" /> 
</ext:GridView> 
</View> 

2、加入js腳本

復(fù)制代碼代碼如下:

 
<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> 

您可能感興趣的文章:

相關(guān)文章

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