快捷導(dǎo)航

extjs grid設(shè)置某列背景顏色和字體顏色的方法

更新時(shí)間：2010年09月03日 21:02:17 作者：

extjs grid設(shè)置某列背景顏色和字體顏色的方法，需要的朋友可以參考下。

css代碼：

 
.x-grid-back-red { 
background: #FF0000; 
} 

js代碼：

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

 
{ 
header : '分成類型', 
dataIndex : 'divideType', 
renderer : function(v,m){ 
m.css='x-grid-back-red'; 
return v; 
}, 
width : 60 
} 

或者直接這樣寫也可以

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

 
{ 
header : '編號(hào)', 
dataIndex : 'fcId', 
css : 'background: #FF0000;', 
width : 40 
} 

extjs grid設(shè)置某行字體顏色
css代碼：

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

 
.x-grid-record-red table{ 
color: #FF0000; 
} 

js代碼：
代碼

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

 
viewConfig : { 
forceFit : true, 
getRowClass : function(record,rowIndex,rowParams,store){ 
//禁用數(shù)據(jù)顯示紅色 
if(record.data.zt==0){ 
return 'x-grid-record-red'; 
}else{ 
return ''; 
} 
} 
}, 

您可能感興趣的文章:

相關(guān)文章

Ext JS Grid在IE6 下寬度的問(wèn)題解決方法
Grid設(shè)置為autoWidth:true時(shí)在ie6下寬度為10000px
2009-02-02
ext combobox動(dòng)態(tài)加載數(shù)據(jù)庫(kù)數(shù)據(jù)(附前后臺(tái))
這篇文章主要介紹了ext combobox動(dòng)態(tài)加載數(shù)據(jù)庫(kù)數(shù)據(jù)并附前后臺(tái)實(shí)現(xiàn),需要的朋友可以參考下
2014-06-06
extJs 常用到的增，刪，改，查操作代碼
剛剛參加完公司的項(xiàng)目，第一次使用extjs編寫用戶界面還是有點(diǎn)頭痛，現(xiàn)在小花整理好了，希望為初學(xué)者做個(gè)參考。
2009-12-12
ext 同步和異步示例代碼
異步調(diào)用不用做過(guò)多說(shuō)明，ext的api中支持的很多。
2009-09-09
ExtJS中設(shè)置下拉列表框不可編輯的方法
這篇文章主要介紹了ExtJS中設(shè)置下拉列表框不可編輯的方法,需要的朋友可以參考下
2014-05-05
解決ExtJS在chrome或火狐中正常顯示在ie中不顯示的瀏覽器兼容問(wèn)題
由于開發(fā)過(guò)程中大多用chrome來(lái)調(diào)試，很少在ie中調(diào)試（現(xiàn)在兩者都要兼顧），導(dǎo)致最后在ie中頁(yè)面不能正常加載，當(dāng)時(shí)那個(gè)囧啊，看到ie報(bào)的錯(cuò)，我都想哭，連出錯(cuò)的堆棧信息都沒有（這一點(diǎn)，ie做的真不好），無(wú)從下手啊
2013-01-01
ExtJS 學(xué)習(xí)專題（一）如何應(yīng)用ExtJS（附實(shí)例）
相信大家已經(jīng)領(lǐng)略了ExtJs的魅力，那么要如何應(yīng)用ExtJS呢？
2010-03-03
extjs 如何給column 加上提示
本節(jié)主要介紹了extjs 如何給column 加上提示,需要的朋友可以參考下
2014-07-07
extjs實(shí)現(xiàn)選擇多表自定義查詢功能前臺(tái)部分(ext源碼)
extjs實(shí)現(xiàn)選擇多表自定義查詢功能前臺(tái)部分(ext源碼) ，需要的朋友可以參考下。
2011-12-12
ExtJs默認(rèn)的字體大小改變的幾種方法(自己整理)
本文列出網(wǎng)上收集的幾種方法，希望對(duì)大家有用，并且做了下瀏覽器兼容，感興趣的朋友可以參考下哈
2013-04-04