ExtJS4 動態產生的grid匯出為excel樣本

搜尋了蠻久，找到一些例子，因為我是初學者的緣故大多不知道怎麼使用。。

研究了一下那個源碼，搞到現在終於實現了基本的下載。解決了一個表格不能重複下載的小BUG，一個使用grid初始化發生的BUG

下面記錄一下步驟。說不定下次還有用

1.下載需要用到js代碼，我已經上傳 

2.在你的html檔案中加入引用，路徑問題自己 注意下，下面是我的路徑
複製代碼 代碼如下:
<script type="text/javascript" src="../export/export-all.js" ></script>;

3.在你要用到的JS代碼的Ext.onReady()的開始加上
複製代碼 代碼如下:
Ext.Loader.setConfig({ enabled: true });
Ext.Loader.setPath('Ext.ux.exporter', '../export/exporter');
Ext.require([
'Ext.ux.exporter.Exporter'
]);

設定命名空間。。注意路徑

4.在代碼裡面使用，在你需要下載功能的grid處合適的地方加入
複製代碼 代碼如下:
xtype: 'exporterbutton',
// store: store
component: Ext.getCmp('gird_a')

這是兩種初始化excel的方式，一種用store初始化，使用store的fields和data，因為我的store中的fields名字是英文，匯出來的列名是英文所以我沒有使用這種，而是直接用grid進行初始化。

下面說下在別人的代碼基礎上我修改的地方

1.在exporter.js第40行，改成了
複製代碼 代碼如下:
var columns = Ext.Array.filter(grid.columnManager.columns,

原來的代碼在第一個參數那裡是grid.columns,後來我發現動態產生的grid在reconfigure之後columns放在columnManager.columns裡，所以這麼改


2.在workbook.js中77.78行，加了兩句話
複製代碼 代碼如下:
this.styles=[];
this.worksheets=[];

以上2行代碼進行一些初始化，否則excel每次產生因為沒有清空之前的資料導致格式錯誤

經過以上的簡單修改已經可以對一個grid隨意匯出,並且支援對定製欄位的表格匯出，即匯出表格顯示的列

在這裡: