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)然也可以獲取單元格）：
var selectedRow = grid.getSelectionModel().getSelected();
修改設(shè)置：
selectedRow.set("key","value");
修改背景色，首先獲取行號(hào)，然后獲取行的view對(duì)象：
var selectedIdx = grid.store.indexOf(selectedRow);
var selectedView = grid.getView().getRow(selectedIdx);
修改行的css屬性：
selectedView.style.color="#FF0000"; //字體變成紅色
首先獲取選中的行（當(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"; //字體變成紅色
相關(guān)文章
其實(shí)這一個(gè)總是很容易解決，只要在Ext.onReady()方法之前（或者方法的第一句）加上下面這一句代碼就解決了！2010-12-12
入門基礎(chǔ)學(xué)習(xí) ExtJS筆記（一）
這段時(shí)間手中項(xiàng)目已經(jīng)完成，空閑時(shí)間較多。開始了學(xué)習(xí)ExtJs之旅。2010-11-11
ExtJS下書寫動(dòng)態(tài)生成的xml(兼容火狐)
ExtJS下書寫動(dòng)態(tài)生成的xml,只能有IE可以運(yùn)行，為了兼容性，必須考慮火狐的用戶，所以，這個(gè)程序?yàn)榱耍夯鸷脩舻募嫒菪?/div> 2013-04-04
ExtJS 2.0實(shí)用簡(jiǎn)明教程 之獲得ExtJS
要使用ExtJS，那么首先要得到ExtJS庫文件，該框架是一個(gè)開源的，可以直接從官方網(wǎng)站下載2009-04-04
關(guān)于extjs treepanel復(fù)選框選中父節(jié)點(diǎn)與子節(jié)點(diǎn)的問題
實(shí)現(xiàn)帶有復(fù)選框的樹,選中父節(jié)點(diǎn)時(shí)，選中所有子節(jié)點(diǎn)。取消所有子節(jié)點(diǎn)時(shí)，才能取消根節(jié)點(diǎn),感興趣的朋友可以了解下本文2013-04-04
ExtJS Panel常用方法，需要的朋友可以參考下。2009-10-10
拖拽效果想必大家都有見到過吧，實(shí)現(xiàn)方式大同小異，在接下來的文章中為大家詳細(xì)介紹下使用ExtJS是如何做到的2013-12-12
extjs 學(xué)習(xí)筆記 四 帶分頁的grid
很多時(shí)候，我們需要顯示在grid中的數(shù)據(jù)不是短短的幾條或者幾十條，而是成千上萬條。如果讓大量的數(shù)據(jù)一股腦全都顯示在一個(gè)頁面中，可以想象會(huì)造成什么樣的用戶體驗(yàn)。2009-10-10
學(xué)習(xí)ExtJS TextField常用方法
ExtJS TextField常用方法2009-10-10
renderer可以格式化該列顯示的數(shù)據(jù)格式或者按照你自定義的腳本顯示最終數(shù)據(jù)樣子，個(gè)人是這么理解，如果你不是可以看下本文2013-09-09最新評(píng)論