`

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

 

  • extexcel.zip (22.7 KB)
  • 描述: 复合表头版extexcel.zip
  • 下载次数: 346
  • extexcel.zip (24.5 KB)
  • 描述: 3.28更新支持4.1rc2
  • 下载次数: 948
7
0
分享到:
评论
37 楼 luis025 2014-03-07  
不支持列隐藏  硬伤
36 楼 rgbhje 2013-11-13  
楼主大神,我把你的代码简单改了一小下,在4.2可以跑了
35 楼 rgbhje 2013-11-13  
楼主大神,我把你的代码简单改了一小下,在4.2可以跑了
34 楼 rgbhje 2013-11-13  
楼主大神,为什么导出只有一页,我的环境是4.2
33 楼 rgbhje 2013-11-13  
楼主大神,为什么导出只有一页,我的环境是4.2
32 楼 skeinchin 2013-10-14  
yvonne_sun 写道
如果有序号列的话,列头和内容的位置会串

修改一下Worksheet.js文件
col.text这边要注意一下。我是这么写的
if (col.text.indexOf('#')>0){
        return;
        }
31 楼 skeinchin 2013-10-14  
谢谢终于搞好了
IE8下面也能正常工作。
PS 如果有SM的表格 需要修改一下Worksheet.js
这个文件中的部分代码
否则格式不对。
30 楼 xiaogg3678 2013-06-20  
不行啊,怎么尝试都不行,我用的是ext4.1a
29 楼 yvonne_sun 2013-03-14  
如果有序号列的话,列头和内容的位置会串
28 楼 李俊林 2012-11-30  
不支持列隐藏,不支持分组
27 楼 zxp8216 2012-11-29  
button.js出错:Downloadify is not defined

setDownloadify: function(config) {
var self = this;
Downloadify.create(this.el.down('p').id,{ 



flash版本11

还有请问
我把
exporter放在extjs的examples的ux目录下面
export-all放在extjs根目录下

'/downloadify.swf',
  '/download.png‘
这两文件放哪里?
26 楼 lc448986375 2012-11-15  
你好,能显示按钮了,但是点击时什么反应都没有,什么原因呢???
25 楼 yslizhi 2012-10-24  
第二次确实打不开。。。
24 楼 mylshq 2012-10-16  
你好,导出的xls文件是不是只能在Excel2003下打开?我用2007打开时提示格式错误。
23 楼 l328969749 2012-08-01  
连续导出两次,会提示数据格式错误,无法打开excel,第一次导出,提示格式不对,但还是可以打开。求解
22 楼 shanegoal123 2012-07-31  
为什么我无法导出grouped header的grid呢?只能导出复合表头的第一层第二层及下面的数据都无法导出
21 楼 muroncloud 2012-07-25  
我用 extjs4.1 连按钮都不显示
20 楼 jre 2012-07-05  
superhanliu 写道
superhanliu 写道
谢谢分享,我使用中也发现了你前面提到的问题,就是自定义图片的问题。如果自定义图片的高度是22,那么就会一直闪烁不定,如果也弄成和原图一样的4个相同的22高度的图片叠在一起,结果在页面上又显示成空白了。看来这个png文件不是那么好做的,不知道楼主用什么软件做自定义的png图片?谢谢指点


谢谢,我看了下Downloadify的文档我知道是咋回事了。

什么怎么回事?能告知么?
19 楼 superhanliu 2012-07-05  
superhanliu 写道
谢谢分享,我使用中也发现了你前面提到的问题,就是自定义图片的问题。如果自定义图片的高度是22,那么就会一直闪烁不定,如果也弄成和原图一样的4个相同的22高度的图片叠在一起,结果在页面上又显示成空白了。看来这个png文件不是那么好做的,不知道楼主用什么软件做自定义的png图片?谢谢指点


谢谢,我看了下Downloadify的文档我知道是咋回事了。
18 楼 superhanliu 2012-07-05  
谢谢分享,我使用中也发现了你前面提到的问题,就是自定义图片的问题。如果自定义图片的高度是22,那么就会一直闪烁不定,如果也弄成和原图一样的4个相同的22高度的图片叠在一起,结果在页面上又显示成空白了。看来这个png文件不是那么好做的,不知道楼主用什么软件做自定义的png图片?谢谢指点

相关推荐

    ExtJS4.0 分享GridHeaderFilters插件

    这篇博客“ExtJS4.0 分享GridHeaderFilters插件”可能详细介绍了如何集成并使用这个插件。虽然具体内容无法直接获取,但我们可以根据常规实践来探讨这个插件的一些关键知识点。 1. **安装与引入**: 在使用Grid...

    extjs grid数据导出excel文件

    本文将深入讲解EXTJS Grid如何实现数据导出到Excel文件的功能。 首先,我们要明白EXTJS Grid的数据导出到Excel的过程通常涉及到以下几个步骤: 1. **获取Grid数据**:在EXTJS中,Grid的数据存储在Store对象中。要...

    EXTJS4.0视频教程配套代码

    第十五讲:extjs4.0的高级组件grid补充02插件和其他相关知识 第十六讲:extjs4.0的高级组件tree上 第十七讲:extjs4.0的高级组件tree下 第十八讲:extjs4.0的高级组件tree+grid整合案例上 第十九讲:extjs4.0的...

    Extjs 4.0中文版API

    Extjs 4.0中文版API

    ExtJs grid导出Excel

    当需要将Grid中的数据导出到Excel时,可以采用两种方法,这些方法在ExtJs 4.2版本中已经得到很好的支持。 **方法一:使用XLSX.js库** XLSX.js是一个JavaScript库,能够方便地读取和写入Excel文件。在ExtJs中,你...

    extJs4.0 开发手册源码

    这个"EXTJS4.0开发手册源码"包含了EXTJS4.0框架的源代码,以及与其配套的开发指南,是深入理解EXTJS4.0内部机制和进行实际项目开发的重要参考资料。 EXTJS4.0的核心特性包括组件化开发、数据绑定、可扩展性、丰富的...

    EXTJS4.0视频教程 30集 下载地址

    - **插件机制**:EXTJS支持插件系统,可以通过编写插件来扩展核心功能。 **3.4 性能优化** - **异步加载**:按需加载资源,减少初始加载时间。 - **缓存策略**:合理利用浏览器缓存,避免重复请求相同资源。 - **...

    ExtJs4.0 手册中文版

    在《ExtJs4.0 手册中文版》中,你可以找到关于ExtJS 4.0的全面介绍和详细指南。这个手册涵盖了框架的基础知识,如MVC架构、组件系统、数据绑定以及事件处理机制。此外,它还深入讲解了如何使用各种组件,如GridPanel...

    extjs4.0帮助文档 extjs-docs-4.0.2.zip

    extjs4.0开发人员以及学习可以下载参考

    ExtJs4.0官方版本

    ExtJS 4.0是Sencha公司开发的一款强大的JavaScript前端框架,主要用于构建富客户端Web应用程序。这个官方版本的发布标志着ExtJS在功能、性能和可维护性方面的一个重要里程碑。以下将详细介绍ExtJS 4.0中的核心概念、...

    ssh+extjs4.0grid增删改查

    在"ssh+extjs4.0grid增删改查"这个主题中,我们将深入探讨如何将SSH框架与Ext JS 4.0 Grid集成,实现数据的CRUD(Create, Read, Update, Delete)功能。 1. **Struts2整合Hibernate**: - 配置Struts2-Hibernate...

    免费 Extjs4.0教程视频

    ### 免费Extjs 4.0教程视频知识点概览 #### 第一讲:Extjs 4.0概述与Hello World程序 - **Extjs 4.0简介**: - Extjs是一款基于JavaScript的开源前端框架,用于构建交互式的Web应用程序。 - 版本4.0引入了许多新...

    Extjs4 grid 导出为Excel

    Extjs4 grid 导出为Excel 下载后放在网站(不放在网站中导出按钮不能会点击无响应,因为这里调用了swf文件)里可直接运行index.html测试 <link href='...

    EXTjs4.0学习文档

    在 4.0 版本中,EXTJS 提出了 MVC 模式的开发,支持组件化、模块插拔化设计以及提供本地数据源的支持。 组件是 EXTJS 的基本概念之一,能够以图形化形式呈现界面的类,其中还可以分为容器组件与元件组件。容器组件...

    ExtJs4.0入门教程

    ExtJs4.0入门教程,详细介绍ExtJs4.0。

    Extjs4前台前台grid导出excel

    在本篇文章中,我们将深入探讨如何在ExtJS4中实现前台Grid的数据导出到Excel功能。 首先,我们需要了解`Ext.grid.Panel`,这是ExtJS中的核心组件之一,用于创建数据网格。它能够动态加载数据,提供排序、过滤、分页...

    EXTJS Grid导出Excel

    在EXTJS中,我们可以利用其内置的功能或借助第三方插件来实现在Grid中导出数据到Excel。 EXTJS Grid提供了多种方法来导出数据,包括CSV、PDF和Excel格式。在本实例中,我们将重点讨论导出到Excel的实现,后端采用C#...

    extjs4.0技术

    ### Extjs4.0 技术详解 #### 一、Extjs4.0 概述与获取 **Extjs4.0** 是一款强大的企业级前端框架,它可以帮助开发者快速构建复杂的用户界面,并且提供了丰富的组件和功能。对于初学者来说,理解其核心概念和基础...

Global site tag (gtag.js) - Google Analytics