1. 程式人生 > >extjs 更改grid某一行的顏色

extjs 更改grid某一行的顏色

extjs 3.2.1更改grid某一行的樣式是非常的簡便:

以下以更改某一行的背景色作例子:

首先定義CSS:如下:

   <style type="text/css">
          .price-fall table{ 
                    background-color:Red;
            }
          .price-rise table{
                    background-color:Green;
            }
         .totalBack table{background-color:Yellow;}
        
    </style>

然後將grid中的viewconfig進行更改:

                viewConfig:{
                     stripeRows:false,
                     getRowClass : function(record, rowIndex){//CSS class name to add to the row.獲得一行的css樣式  
                        if(record.get('CustomerName')=='合計')
                        {
                             return 'totalBack';
                        }
                        if(record.get('OverDue')>0){   
                            return 'price-rise';  
                        }  


                    } 
                 },

而在4.1.0中就比較麻煩:

需要找到它的html內容進行設定:

 var tr = grid.getView().getNode(gridcount);
                                var childNodes = tr.childNodes;
                                for(var i=0;i<childNodes.length;i++)
                                {
                                    var tdDiv = childNodes[i].childNodes[0];
                                    
                                    tdDiv.style.backgroundColor = "#B0FFC5";
                                   
                                }

現在還沒有找到更好的方法

相關推薦

extjs 更改grid一行顏色

extjs 3.2.1更改grid某一行的樣式是非常的簡便: 以下以更改某一行的背景色作例子: 首先定義CSS:如下:    <style type="text/css">           .price-fall table{               

jsp根據一行顏色來其他行的顏色

單選框 單選 其他 color gre == test nbsp black jsp根據某一行顏色(單選框)來其他行的顏色 <c:choose> <c:when test="${v.color==‘黑色‘ }"> <td s

extjs更改grid行高度

遇到一個需求,extjs的grid中有個列是圖片,顯示高度較大,結果grid被撐的很難看,我就想著能不能改變grid的行高度 其實改變extjs的樣式只需改變ext-all.css就行了,但如果改變了ext-all.css,那所有頁面的樣式都被改變了,那怎麼辦呢? 我們可以

Ext.grid.panel 改變一行的字型顏色

grid.getStore().addListener('load', handleGridLoadEvent); function handleGridLoadEvent(store, records) { var gridCount = 0; store.e

VS程式設計,WPF中,後臺C#程式碼設定Grid控制元件一行一列高度或者寬度的一種方法

有時為了顯示的需要,想在某個操作後將Grid中的一列的寬度變成0或者根據內容自動調整。 這裡提供了一個方法,可在後臺程式碼中對Grid的行或者列進行調節。  1、XAML前臺中,給Grid的列起

ExtJsGrid根據列表中列的值,修改整行資料的背景色 ExtJS版本為2.3

這段時間又開始做ExtJS了,需求是要根據列表中某列資料的值,將整行資料的背景色修改掉: 只需要在grid初始化的時候給grid加上一個配置項即可; var gridCfg = { region : 'center', store : store, anchor

jqgrid改變一行的背景顏色

想要在jqgrid表格中更改某些行的背景顏色,比如改變“提示”是0的這些行的背景顏色為紅色。 <!DOCTYPE html> <html> <head> <title>jqGrid 例項</title&g

SDK ListView改變一行一列的文字顏色/背景顏色

註冊視窗類,CreateWindowEx建立視窗,同樣用這個函式建立一個ListView,新增一些ITEM。 在視窗訊息處理函式中處理WM_NOTIFY的NM_CUSTOMDRAW訊息,程式碼框架如下 LRESULT DoMsg(HWND hWnd, UINT uMsg,

指定改變ListCtrl中一行顏色

1.首先從CListCtrl 繼承一個類,命名為CXListCtrl 在標頭檔案中加印射 CMap<DWORD, DWORD&, COLORREF, COLORREF&> MapItemColor; 好在這裡查詢你的修改的顏色。 2.自己寫個訊息對映,可能新增不上,要自己寫。 BE

【easyui】 datagrid動態改變一行顏色

直接上程式碼: $(function () { dataGridAccept = $('#dataGridAccept').datagrid({

設定CListCtrl一行背景顏色

三個介面函式,設定某一行的文字顏色(前景色)和背景色,使用說明都放在註釋裡了,建立的列表要使用該類宣告,如:CColorListCtrl m_List; 那麼使用時,直接通過m_List.SetItemColor(1,RGB(0,0,0),RGB(255,255,255))

設置LISTControl控件一行的背景和文字顏色

處理 stage 標識 定義宏 ngx lan cdr 自定義屬性 define 定義宏 用listcontrol的SetItemData設置某一行的屬性,通過自定義屬性標識實現。 自定義某行內容顏色屬性: #define COLOR_DEFAULT 0 //默認顏色 #d

Extjs Ext.grid.column.Column 自適應內容

style 適應列寬 head var lis ext.get -- osi begin var griddb = Ext.ComponentQuery.query("Ali_DeliveryAuthorityList"); griddb = griddb[

Shell腳本中計算字符串長度的5種方法及從文本獲取一行

文件 問題 txt abc 多種方法 file mtime 計算字符串長度 賦值 有時在Linux操作系統中需要計算某個字符串的長度,通過查詢資料整理了下目前Shell中獲取字符串的長度的多種方法,在這裏分享給大家,方法如下: 方法1: 使用wc -L命令wc -L可以獲取

點擊一行該行變色

logs log bsp 一行 http .cn 步驟 alt 點擊 需求:點擊某一行該行變色 模板是: ----------------------------------------------------------- 具體的步驟如下: 點擊某一行該行

(求助)對顏色,設置透明度 alpha 後,其他使用該顏色的地方 受到影響!!!!原因未知

4.4.2 es2017 透明 android 手機 target 測試 androi 顏色 對某一顏色,設置透明度 alpha 後,其他使用該顏色的地方 受到影響!!!!原因未知,有誰碰到過這樣的問題?????? 測試了以下三款手機,結果如下: 1.android 4.

常用 更改input的placeholder顏色和滾動條樣式更改

mar track AR padding color DC scrollbar kit AD /*更改input的placeholder顏色*/ input::-webkit-input-placeholder, textarea::-webkit-input-place

ios開發之--tableview刷新一個區和一行

anim ios開發 xpath set nsa sat array 代碼 tableview 在開發中,有時候,我們不需要刷新整個表,只需要刷新局部數據即可,具體代碼如下: //section刷新 NSIndexSet *indexSet=[[NSIndexSe

Linux:使用awk命令獲取文本的一行一列

file int lena 文本文 print 文本 In linux 命令 1、打印文件的第一列(域) : awk ‘{print $1}‘ filename2、打印文件的前兩列(域) : awk ‘{pri

GridView 高亮一行

tex cte () read scrip clas 去除 javascrip text <script type="text/javascript"> $(document).ready(function () { $