extjs grid設(shè)置某列背景顏色和字體顏色的方法
更新時(shí)間：2010年09月03日 21:02:17 作者：
extjs grid設(shè)置某列背景顏色和字體顏色的方法，需要的朋友可以參考下。
css代碼：
復(fù)制代碼 代碼如下:
.x-grid-back-red {
background: #FF0000;
}
js代碼：
復(fù)制代碼 代碼如下:
{
header : '分成類(lèi)型',
dataIndex : 'divideType',
renderer : function(v,m){
m.css='x-grid-back-red';
return v;
},
width : 60
}
或者直接這樣寫(xiě)也可以
復(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 '';
}
}
},
您可能感興趣的文章:
- ExtJS下grid的一些屬性說(shuō)明
- extjs 學(xué)習(xí)筆記 四 帶分頁(yè)的grid
- extjs grid取到數(shù)據(jù)而不顯示的解決
- ExtJs GridPanel簡(jiǎn)單的增刪改實(shí)現(xiàn)代碼
- Extjs4 GridPanel的主要配置參數(shù)詳細(xì)介紹
- ExtJs grid行 右鍵菜單的兩種方法
- ExtJS Grid使用SimpleStore、多選框的方法
- Extjs中的GridPanel隱藏列會(huì)顯示在menuDisabled中解決方法
- Extjs4 GridPanel 的幾種樣式使用介紹
- ExtJS 4.2 Grid組件單元格合并的方法
相關(guān)文章
Ajax請(qǐng)求在數(shù)據(jù)量大的時(shí)候出現(xiàn)超時(shí)的解決方法
這篇文章主要介紹了Ajax請(qǐng)求在數(shù)據(jù)量大的時(shí)候出現(xiàn)超時(shí)的解決方法,需要的朋友可以參考下2014-02-02
extjs grid設(shè)置某列背景顏色和字體顏色的方法
extjs grid設(shè)置某列背景顏色和字體顏色的方法，需要的朋友可以參考下。2010-09-09![ExtJS[Desktop]實(shí)現(xiàn)圖標(biāo)換行示例代碼](http://img.jbzj.com/images/xgimg/bcimg2.png)
ExtJS[Desktop]實(shí)現(xiàn)圖標(biāo)換行示例代碼
ExtJS中的desktop的demo中，默認(rèn)的圖標(biāo)排列是不換行的，以下代碼就是為了解決這一問(wèn)題的，需要的朋友可以了解下2013-11-11
Extjs Gird 支持中文拼音排序?qū)崿F(xiàn)代碼
本文為大家詳細(xì)介紹下Extjs Gird 支持中文拼音排序以及修復(fù)漢字排序異常的Bug、localeCompare比較漢字字符串，F(xiàn)irefox與IE均支持，感興趣的朋友可以參考下2013-04-04
ExtJs 學(xué)習(xí)筆記基礎(chǔ)篇 Ext組件的使用
昨天剛接觸到Extjs，簡(jiǎn)單寫(xiě)了篇學(xué)習(xí)筆記，今天繼續(xù)。2008-12-12
extjs4 treepanel動(dòng)態(tài)改變行高度示例
本文為大家介紹下extjs4 treepanel如何動(dòng)態(tài)改變行高度，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
extjs每個(gè)組件要設(shè)置唯一的ID否則會(huì)出錯(cuò)
extjs每個(gè)組件要設(shè)置唯一的ID，否則會(huì)造成各種錯(cuò)誤。EXTJS基本上是靠ID來(lái)識(shí)別組件的2014-06-06
extjs 學(xué)習(xí)筆記 四 帶分頁(yè)的grid
很多時(shí)候，我們需要顯示在grid中的數(shù)據(jù)不是短短的幾條或者幾十條，而是成千上萬(wàn)條。如果讓大量的數(shù)據(jù)一股腦全都顯示在一個(gè)頁(yè)面中，可以想象會(huì)造成什么樣的用戶體驗(yàn)。2009-10-10
Extjs Ext.MessageBox.confirm 確認(rèn)對(duì)話框詳解
顯示一個(gè)確認(rèn)對(duì)話框，用來(lái)代替JavaScript標(biāo)準(zhǔn)的confirm()方法，具有兩個(gè)按鈕“是”和“否”如果為其提供一個(gè)回調(diào)函數(shù)，則該函數(shù)將在單擊按鈕后被調(diào)用(包括右上角的推出按鈕)，所單擊按鈕的id將被作為唯一的參數(shù)傳遞到回調(diào)函數(shù)中。2010-04-04
這篇文章主要介紹了extJS中常用的4種Ajax異步提交方式,需要的朋友可以參考下2014-03-03