ExtJS4.0 分享Grid导出Excel插件(3.28更新支持4.1)

需要将ExtJS Grid 导出 Excel 的同学可以试一试这个插件  是从官方论坛淘来的

 

我自己做了些修改和扩展

 

用法很简单

 

引入 bootstrap.js 和压缩包里的 export-all.js 就可以使用了  

 

具体可以参考 main.js  (下面是定义Grid的时候 指定一个toolbar 为 xtype: 'exporterbutton')

 

 height: 350,
            width: 600,
            title: 'Array Grid',
            renderTo: 'grid-example',
            viewConfig: {
                stripeRows: true
            },
            dockedItems: [
                {
                    xtype: 'toolbar',
                    dock: 'top',
                    items: [
                        {
						    xtype: 'exporterbutton',
						  store: myStore

                            //一下两项配置  已在Buttion.js中 配置了默认路径 不需要重复指定
                            //swfPath: './downloadify.swf',
                            //downloadImage: './download.png',

                            //这里可以根据当表格 给 定制导出的文件名
                            //downloadName:'导出的Excel 名字'
						}
                    ]
                }
            ]

 

 

 

    store为Grid 的store     

 

 

    ps: 想看效果 请放到Tomcat之类的服务器上  不要本地新建个HTML...

 

 

   ExtJS4.1 rc2  Ext.XTemplate  有点改动  重新修改了下