Ext修改GridPanel數(shù)據(jù)和字體顏色、css屬性等

更新時(shí)間：2014年06月13日 15:30:45 投稿：whsnow

這篇文章主要介紹了Ext修改GridPanel數(shù)據(jù)和字體顏色、css屬性等,需要的朋友可以參考下

Ext修改GridPanel數(shù)據(jù)和字體顏色等，不是單指EditGridPanel

首先獲取選中的行（當(dāng)然也可以獲取單元格）：

復(fù)制代碼代碼如下:

var selectedRow = grid.getSelectionModel().getSelected();

修改設(shè)置：

復(fù)制代碼代碼如下:

selectedRow.set("key","value");

修改背景色，首先獲取行號(hào)，然后獲取行的view對(duì)象：

復(fù)制代碼代碼如下:

 
var selectedIdx = grid.store.indexOf(selectedRow); 
var selectedView = grid.getView().getRow(selectedIdx); 

修改行的css屬性：

復(fù)制代碼代碼如下:

selectedView.style.color="#FF0000"; //字體變成紅色

您可能感興趣的文章:

GridPanel

相關(guān)文章

Extjs學(xué)習(xí)筆記之九數(shù)據(jù)模型(上）
本文開(kāi)始進(jìn)入Extjs最核心最優(yōu)秀的部分。
2010-01-01
ExtJS4如何自動(dòng)生成控制grid的列顯示、隱藏的checkbox
需要做一個(gè)控制grid列顯示的checkboxgroup，雖然EXTJS4中的gridpanel自帶列表可以來(lái)控制列的顯示隱藏,需要的朋友可以參考下
2014-05-05
Extjs grid添加一個(gè)圖片狀態(tài)或者按鈕的方法
extjs的grid中我們經(jīng)常需要添加一個(gè)圖片狀態(tài)或者按鈕，下面將自己用過(guò)的一些方法與大家分享下
2014-04-04
解決Extjs4中form表單提交后無(wú)法進(jìn)入success函數(shù)問(wèn)題
form表單提交后無(wú)法進(jìn)入success函數(shù)的問(wèn)題，很是常見(jiàn)，下面有個(gè)不錯(cuò)的解決方法，感興趣的朋友可以參考下
2013-11-11
Extjs4 類的定義和擴(kuò)展實(shí)例
一般定義方式注意方法和函數(shù)的添加方式不同，具體定義步驟如下，感興趣的朋友可以參考下哈，感興趣的朋友可以了解下哈
2013-06-06
ExtJS[Desktop]實(shí)現(xiàn)圖標(biāo)換行示例代碼
ExtJS中的desktop的demo中，默認(rèn)的圖標(biāo)排列是不換行的，以下代碼就是為了解決這一問(wèn)題的，需要的朋友可以了解下
2013-11-11
Ext JS Grid在IE6 下寬度的問(wèn)題解決方法
Grid設(shè)置為autoWidth:true時(shí)在ie6下寬度為10000px
2009-02-02
ExtJS 配置和表格控件使用
ExtJS時(shí)一套AJAX控件,本人認(rèn)為它是目前我見(jiàn)過(guò)最好最美的JS控件庫(kù)，所以非常有學(xué)習(xí)和使用價(jià)值，如果你還沒(méi)有接觸過(guò)ExtJS或者壓根對(duì)其不感興趣，那么沒(méi)有必要看下去了
2009-09-09
extjs grid設(shè)置某列背景顏色和字體顏色的方法
extjs grid設(shè)置某列背景顏色和字體顏色的方法，需要的朋友可以參考下。
2010-09-09
extjs 學(xué)習(xí)筆記（三）最基本的grid
extjs的一個(gè)亮點(diǎn)就是提供了豐富的UI，使得沒(méi)有藝術(shù)細(xì)胞的程序員也能做出絢麗的界面。把所有的UI集中到一起，有好處也有壞處，好處是有了統(tǒng)一的風(fēng)格和接口，壞處是js文件過(guò)于龐大，使用extjs的最小集合也超過(guò)了500k，所以在有些項(xiàng)目中并不適用。
2009-10-10