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>
復(fù)制代碼 代碼如下:
<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>
您可能感興趣的文章:
- ExtJs中g(shù)ridpanel分組后組名排序?qū)嵗a
- Extjs4實現(xiàn)兩個GridPanel之間數(shù)據(jù)拖拽功能具體方法
- ExtJs設(shè)置GridPanel表格文本垂直居中示例
- Extjs4 GridPanel 的幾種樣式使用介紹
- Extjs4 GridPanel的主要配置參數(shù)詳細(xì)介紹
- Extjs中的GridPanel隱藏列會顯示在menuDisabled中解決方法
- Extjs EditorGridPanel中ComboBox列的顯示問題
- Extjs gridpanel 出現(xiàn)橫向滾動條問題的解決方法
- ExtJs GridPanel簡單的增刪改實現(xiàn)代碼
- ExtJS 2.0 GridPanel基本表格簡明教程
- JavaScript的Ext JS框架中的GridPanel組件使用指南
相關(guān)文章
ExtJS中窗口是由Ext.Window類定義，該類繼承自Panel，因此窗口其實是一種特殊的面板Panel。窗口包含了浮動、可拖動、可關(guān)閉、最大化、最小化等特性。2011-01-01
Ext修改GridPanel數(shù)據(jù)和字體顏色、css屬性等
這篇文章主要介紹了Ext修改GridPanel數(shù)據(jù)和字體顏色、css屬性等,需要的朋友可以參考下2014-06-06
ExtJS4 組件化編程，動態(tài)加載，面向?qū)ο?，Direct
ExtJS4終于出了正式版，體驗一下面官方推薦的向?qū)ο缶幊套罴褜嵺` 過去的做法是new對象或者Ext.create一個對象，每個對象都要先實例化才能使用2011-05-05
一般定義方式注意方法和函數(shù)的添加方式不同，具體定義步驟如下，感興趣的朋友可以參考下哈，感興趣的朋友可以了解下哈2013-06-06
extjs 學(xué)習(xí)筆記（二） Ext.Element類
上個系列中，我們用到了Ext.fly來獲得一個Element對象，其實Ext.fly是Ext.Element.fly的簡寫形式。類似的方法還有一個Ext.get，是Ext.Element.get的簡寫。這兩個方法都可以用使用Dom元素或者Dom元素的id作為參數(shù)來獲得一個Element對象。2009-10-10
ExtJS 2.0實用簡明教程 之Border區(qū)域布局
Border布局由類Ext.layout.BorderLayout定義，布局名稱為border。2009-04-04
解決Extjs 4 Panel作為Window組件的子組件時出現(xiàn)雙重邊框問題
Extjs的Panel和Window等組件在默認(rèn)情況下是帶邊框的，通常情況下，單獨使用沒有什么關(guān)系，但是將Panel作為Window組件的子組件時就會出現(xiàn)雙重邊框的現(xiàn)象于是想辦法將兩重邊框去掉，變成單邊框,感興趣的朋友可以了解下2013-01-01
ExtJS4的requires是新增的機(jī)制，主要是實現(xiàn)異步加載機(jī)制，在下面的文章總將為大家介紹下ExtJS4中的requires使用方法，需要的朋友不要錯過2013-12-12
Extjs4.0設(shè)置Ext.data.Store傳參的請求方式(默認(rèn)為GET)
本教程將詳細(xì)介紹下設(shè)置Ext.data.Store傳參的請求方式;亮點，設(shè)置請求方式,默認(rèn)為GET，感興趣的朋友可以參考下哈2013-04-04
在Ext的使用過程中，一不留心就出現(xiàn)了亂碼，包括在客戶端提交給服務(wù)器的數(shù)據(jù)中出現(xiàn)了亂碼和服務(wù)器端返回給客戶端的數(shù)據(jù)中出現(xiàn)了亂碼，下面簡單分析一下出現(xiàn)亂碼的原因。2009-04-04