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 : '編號',
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 : '編號',
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官方的例子中只有下拉列表控件，但是在實(shí)際業(yè)務(wù)中只有下拉列表無法滿足需求的，對于剛使用Ext的人來說，自定義一個(gè)控件好難，下面是具體的實(shí)現(xiàn)2013-10-10
ExtJS Grid使用SimpleStore、多選框的方法
ExtJS 中Grid使用SimpleStore、多選框的方法,需要的朋友可以參考下。2009-11-11
ExtJs 學(xué)習(xí)筆記 Hello World!
最近學(xué)ajax，接觸到了Extjs這個(gè)強(qiáng)大的框架。我想通過我的學(xué)習(xí)筆記，最后可以讓大家上手在項(xiàng)目中使用Ext。首先我會(huì)寫一些基本的用于入門Ext的文章，打好基礎(chǔ)是很重要的。2008-12-12
ExtJS時(shí)一套AJAX控件,本人認(rèn)為它是目前我見過最好最美的JS控件庫，所以非常有學(xué)習(xí)和使用價(jià)值，如果你還沒有接觸過ExtJS或者壓根對其不感興趣，那么沒有必要看下去了2009-09-09
ExtJs GridPanel簡單的增刪改實(shí)現(xiàn)代碼
ExtJs GridPanel中實(shí)現(xiàn)增刪改效果的代碼，需要的朋友可以參考下。2010-08-08
ExtJS4 組件化編程，動(dòng)態(tài)加載，面向?qū)ο?，Direct
ExtJS4終于出了正式版，體驗(yàn)一下面官方推薦的向?qū)ο缶幊套罴褜?shí)踐 過去的做法是new對象或者Ext.create一個(gè)對象，每個(gè)對象都要先實(shí)例化才能使用2011-05-05
只需將textfield的hidden和hideLabel配置為true就可以了。只設(shè)置hidden:true時(shí)會(huì)顯示出來一個(gè)：的標(biāo)簽。2008-12-12
Extjs中DisplayField的日期或者數(shù)字格式化擴(kuò)展
在用Extjs的時(shí)候，有時(shí)需要對 Ext.form.DisplyField 進(jìn)行格式化。2010-09-09
解決extjs grid 不隨窗口大小自適應(yīng)的改變問題
在使用grid的時(shí)候窗口改變了但是grid卻不能自適應(yīng)，下面有個(gè)不粗的解決方法，大家可以參考下2014-01-01
Extjs學(xué)習(xí)過程中新手容易碰到的低級錯(cuò)誤積累
新手在學(xué)習(xí)Extjs過程中的低級錯(cuò)誤積累2010-02-02