ext中的grid元件是乙個非常有用的元件，它類似於html中的**，但是功能比普通的**多得多，如下圖所示：
下面記錄grid元件的基本用法：
自定義渲染函式：
自定義渲染函式可以實現對列的表現形式做不同的處理，如給性別列中male顯示為男，female顯示為女，且用不同的顏色來顯示，只需要在上面的**中，修改表頭中性別列的**，如下所示：
header: '性別',
width: 80,
dataindex: '***',
renderer: format***//設定渲染函式
function format***(value)
return '女';
}
設定選擇模式：
grid的選擇模式有如下幾種：
①cellmodel，單元格選擇模式
②rowmodel，行選擇模式
③checkboxmodel，多選框選擇模式
設定選擇模式用到配置項seltype，在上面的**中加入seltype: 'cellmodel'，執行的效果如下：
設定seltype:'rowmodel'後，再加入兩個配置項：
multiselect: true,//支援多選
******select: true,//啟用簡單選擇功能
為了處理grid選中行的資料，我們給grid加上工具欄，如下**：
tbar: [
ext.msg.alert('msg', msg);
}}],
設定seltype:'checkboxmodel'後，效果如下：
給grid加上行號：
執行效果如下：
可以看到每一行都加上了行號
Extjs學習 Grid例項
首先，乙個 應該有列定義，即定義表頭columnmodel 定義乙個columnmodel，表頭中有四列 var cm new ext.grid.columnmodel cm.defaultsortable true 該columnmodel定義了 的四個列，其每列的名稱和對應的資料鍵。請注意def...
ExtJS4學習筆記 五 Grid分頁
grid元件，當資料量很大的時候，就需要分頁顯示，本文介紹如何實現extjs4 grid的分頁功能。先看thml w3c dtd xhtml 1.0 transitional en demo 這裡引用的js檔案，都是相對於extjs4整個目錄的。如果已經將js和css檔案剝離並分目錄放置了，那麼一定...
ExtJS4學習筆記 八 Grid分頁
grid元件，當資料量很大的時候，就需要分頁顯示，本文介紹如何實現extjs4 grid的分頁功能。先看thml w3c demo 這裡引用的js檔案，都是相對於extjs4整個目錄的。如果已經將js和css檔案剝離並分目錄放置了，那麼一定要注意修改bootstrap.js。js ext.requi...