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  有点改动  重新修改了下

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值