extjs grid設(shè)置某列背景顏色和字體顏色的方法
更新時間:2010年09月03日 21:02:17 作者:
extjs grid設(shè)置某列背景顏色和字體顏色的方法,需要的朋友可以參考下。
css代碼:
復(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)文章
Ajax請求在數(shù)據(jù)量大的時候出現(xiàn)超時的解決方法
這篇文章主要介紹了Ajax請求在數(shù)據(jù)量大的時候出現(xiàn)超時的解決方法,需要的朋友可以參考下2014-02-02extjs grid設(shè)置某列背景顏色和字體顏色的方法
extjs grid設(shè)置某列背景顏色和字體顏色的方法,需要的朋友可以參考下。2010-09-09ExtJS[Desktop]實現(xiàn)圖標(biāo)換行示例代碼
ExtJS中的desktop的demo中,默認(rèn)的圖標(biāo)排列是不換行的,以下代碼就是為了解決這一問題的,需要的朋友可以了解下2013-11-11Extjs Gird 支持中文拼音排序?qū)崿F(xiàn)代碼
本文為大家詳細(xì)介紹下Extjs Gird 支持中文拼音排序以及修復(fù)漢字排序異常的Bug、localeCompare比較漢字字符串,F(xiàn)irefox與IE均支持,感興趣的朋友可以參考下2013-04-04ExtJs 學(xué)習(xí)筆記基礎(chǔ)篇 Ext組件的使用
昨天剛接觸到Extjs,簡單寫了篇學(xué)習(xí)筆記,今天繼續(xù)。2008-12-12extjs4 treepanel動態(tài)改變行高度示例
本文為大家介紹下extjs4 treepanel如何動態(tài)改變行高度,下面有個不錯的示例,感興趣的朋友可以參考下2013-12-12extjs 學(xué)習(xí)筆記 四 帶分頁的grid
很多時候,我們需要顯示在grid中的數(shù)據(jù)不是短短的幾條或者幾十條,而是成千上萬條。如果讓大量的數(shù)據(jù)一股腦全都顯示在一個頁面中,可以想象會造成什么樣的用戶體驗。2009-10-10Extjs Ext.MessageBox.confirm 確認(rèn)對話框詳解
顯示一個確認(rèn)對話框,用來代替JavaScript標(biāo)準(zhǔn)的confirm()方法,具有兩個按鈕“是”和“否”如果為其提供一個回調(diào)函數(shù),則該函數(shù)將在單擊按鈕后被調(diào)用(包括右上角的推出按鈕),所單擊按鈕的id將被作為唯一的參數(shù)傳遞到回調(diào)函數(shù)中。2010-04-04