extjs grid設(shè)置某列背景顏色和字體顏色的實(shí)現(xiàn)方法
更新時(shí)間：2010年09月06日 12:10:58 作者：
extjs grid設(shè)置某列背景顏色和字體顏色的實(shí)現(xiàn)步驟，需要的朋友可以參考下。
css代碼：
.x-grid-back-red {
background: #FF0000;
}
js代碼：
{
header : '分成類型',
dataIndex : 'divideType',
renderer : function(v,m){
m.css='x-grid-back-red';
return v;
},
width : 60
}
或者直接這樣寫也可以
{
header : '編號(hào)',
dataIndex : 'fcId',
css : 'background: #FF0000;',
width : 40
}
extjs grid設(shè)置某行字體顏色
css代碼：
.x-grid-record-red table{
color: #FF0000;
}
js代碼：
代碼
viewConfig : {
forceFit : true,
getRowClass : function(record,rowIndex,rowParams,store){
//禁用數(shù)據(jù)顯示紅色
if(record.data.zt==0){
return 'x-grid-record-red';
}else{
return '';
}
}
},
復(fù)制代碼 代碼如下:
.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)文章
extjs grid設(shè)置某列背景顏色和字體顏色的實(shí)現(xiàn)方法
extjs grid設(shè)置某列背景顏色和字體顏色的實(shí)現(xiàn)步驟，需要的朋友可以參考下。2010-09-09
ExtJs 學(xué)習(xí)筆記 Ext.Panle Ext.TabPanel Ext.Viewport
ExtJs 學(xué)習(xí)筆記基礎(chǔ)篇 面板的使用(Ext.Panle、Ext.TabPanel、Ext.Viewport)2008-12-12
解決Extjs 4 Panel作為Window組件的子組件時(shí)出現(xiàn)雙重邊框問題
Extjs的Panel和Window等組件在默認(rèn)情況下是帶邊框的，通常情況下，單獨(dú)使用沒有什么關(guān)系，但是將Panel作為Window組件的子組件時(shí)就會(huì)出現(xiàn)雙重邊框的現(xiàn)象于是想辦法將兩重邊框去掉，變成單邊框,感興趣的朋友可以了解下2013-01-01
Extjs ajax同步請(qǐng)求時(shí)post方式參數(shù)發(fā)送方式
一般參數(shù)傳遞通過url后面跟后臺(tái)也能取到，不過看到send參數(shù)也可以發(fā)送參數(shù)，試驗(yàn)了一下服務(wù)器端接受不到發(fā)送的參數(shù)，在firebug里看到發(fā)送的請(qǐng)求post部分是一個(gè)串，不太象正常發(fā)送的參數(shù)。2009-08-08
ExtJS的FieldSet的column列布局，需要的朋友可以參考下。2009-11-11
知道表單面板如何創(chuàng)建 了解表單面板中xtype的類型的應(yīng)用 知道表單面板如何驗(yàn)證，綁定，取值 綜合應(yīng)用表單面板（玩轉(zhuǎn)它）2010-06-06
Extjs grid panel自帶滾動(dòng)條失效的解決方法
對(duì)gridPanel中的stroe數(shù)據(jù)進(jìn)行過濾，所以有時(shí)候總是導(dǎo)致gridPanel自身所帶的scrollbar失效，好了，現(xiàn)在來說說怎么解決scrollbar失效2014-09-09
這幾天做后臺(tái)看了一些Ext的知識(shí)，在切入工作項(xiàng)目的時(shí)候出現(xiàn)了亂碼情況,所以就總結(jié)了這篇ExtJS中文亂碼之GBK格式編碼解決辦法的文章,遇到此問題的朋友可以參考一下，希望本文對(duì)你有所幫助2013-01-01
使用ExtJS技術(shù)實(shí)現(xiàn)的拖動(dòng)樹結(jié)點(diǎn)
在本文將介紹TreePanel組件非常有意思的一個(gè)功能：結(jié)點(diǎn)拖放。要使TreePanel組件的結(jié)點(diǎn)可以拖放非常簡單，只需要將TreePanel類的enableDD選項(xiàng)參數(shù)設(shè)為true即可。當(dāng)然，要想實(shí)現(xiàn)更復(fù)雜的功能，還需要配合其他的參數(shù)和事件。2010-08-08
ExtJs擴(kuò)展之GroupPropertyGrid代碼
這幾天做一個(gè)Web項(xiàng)目，使用了ExtJs，其中有個(gè)像設(shè)計(jì)器一樣的界面，選擇界面上的內(nèi)容，可以直接編輯內(nèi)容的屬性，這個(gè)原本來說對(duì)于使用ExtJs還是很簡單的。2010-03-03