ExtJS4.x Grid導(dǎo)出到Excel(詳解)
看了網(wǎng)上很多例子,操作均不夠具體,且大都用的是同一個(gè)源文件(http://blog.csdn.net/lc448986375/article/details/8205362),想來(lái)定是受了原博主的毒害不淺^_^。有鑒于此,本人特此做一較為詳細(xì)的解說(shuō),望批評(píng)指正,多多交流為善
1.下載并解壓文件夾 ExtToExcel.zip;(csdn資源幾次傳不上去,最后選擇了51)
下載地址:點(diǎn)我哦 ^-^
2.htm顯示頁(yè)面導(dǎo)入export-all.js文件,如:
<script src="XXX/export-all.js" type="text/javascript"></script>;
3.在要引用的ext.js頭部(Ext.OnReady())前面導(dǎo)入如下文字,
Ext.Loader.setConfig({ enabled: true });
Ext.Loader.setPath('Ext.ux.exporter', 'XXX/exporter'); //這里是你的路徑,一定要配置正確才可以正常使用
Ext.require([
'Ext.ux.exporter.Exporter'
]);
4.到這里才是在你的Grid上添加以下代碼
dockedItems: [
{
xtype: 'toolbar',
dock: 'top',
items: [
Ext.create('Ext.ux.exporter.Button', {
component: Ext.getCmp('grid'),
text: "導(dǎo)出 Excel"
})
]
}
]
至于后面提到的幾點(diǎn)注意(原文如下:
1、dockItems必須在grid上,否則將提示沒有is方法
2、如果grid中有checkbox將會(huì)導(dǎo)致導(dǎo)出的excel文件中內(nèi)容和表頭錯(cuò)位
3、導(dǎo)出的excel文件不能用poi讀取,我是在網(wǎng)上看到的代碼,我查了些資料,因?yàn)轭^文件信息的問題,所以如果用poi讀取會(huì)報(bào)錯(cuò),如果有高人可以修改下,當(dāng)然,如果只是導(dǎo)出,不需要poi導(dǎo)入的話這個(gè)足以滿足了
)都沒有遇到,我相信大家都按照正確的步驟一步步過來(lái)是不會(huì)有什么大的問題出現(xiàn)的。
另有以下一項(xiàng)在grid上配置的時(shí)候很不穩(wěn)定,動(dòng)輒導(dǎo)致導(dǎo)出功能失效,若有必要可注釋掉它。(lz項(xiàng)目中較多的用到了grid,只在第一個(gè)上可用,后面的皆不可用)
downloadName: '水表年/月-年報(bào)',
下載鏈接:http://down.51cto.com/data/985208

浙公網(wǎng)安備 33010602011771號(hào)