ExtJS4 动态生成grid出口excel(纯粹的接待)

简介:

搜索相当长的时间,寻找一些样本,因为我刚开始学习的原因,大多数人不知道怎么用。。



他曾在源代码。搞到现在终于实现了主下载。。

表的采集格不重复下载一个小BUG,一个使用grid初始化发生的BUG


以下记录一下步骤。。说不定下次还实用


1.下载须要用到js代码。我已经上传

http://download.csdn.net/detail/hu8471479/7281703


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任意导出,而且支持对定制字段的表格导出,即导出表格显示的列


效果图在这里:



定制字段生成的代码已经改进,速度提升了N倍,见我前面的文章

有问题能够留言,共同探讨 ,http://blog.csdn.net/decoderworld

版权声明:本文博客原创文章,博客,未经同意,不得转载。







本文转自mfrbuaa博客园博客,原文链接:http://www.cnblogs.com/mfrbuaa/p/4649218.html,如需转载请自行联系原作者


相关文章
|
JavaScript 前端开发 知识图谱
[ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel
使用extjs肯定少不了使用表格控件,用到表格,领导们(一般)还是惯于使用excel看数据,所以用到extjs表格的技术猿们肯定也会有导出表格excel这一个需求,本文主要针对如何在用extjs将grid表格导出到excel,使用的是前端导出,不涉及后端。
1519 0
|
JavaScript 前端开发 Java
[ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel
继上次使用js前端导出excel之后,还有一个主要大家比较关注的是后台实现导出excel,因为本人开发使用的java所以这里使用apache的开源项目poi进行后台excel的导出。
1603 0
|
JavaScript
ParamQuery grid – 仿 MS Excel 和 Google Spreadsheet的jquery表格插件
ParamQuery网页表格是一个轻量级的jQuery插件,其灵感来自MS Excel和谷歌电子表格。它是基于jQueryUI 组件库 。它可以免费使用在任何商业或开源项目。 演示: http://paramquery.
1432 0
|
2月前
|
Python
如何根据Excel某列数据为依据分成一个新的工作表
在处理Excel数据时,我们常需要根据列值将数据分到不同的工作表或文件中。本文通过Python和VBA两种方法实现该操作:使用Python的`pandas`库按年级拆分为多个文件,再通过VBA宏按班级生成新的工作表,帮助高效整理复杂数据。
|
4月前
|
存储 安全 大数据
网安工程师必看!AiPy解决fscan扫描数据整理难题—多种信息快速分拣+Excel结构化存储方案
作为一名安全测试工程师,分析fscan扫描结果曾是繁琐的手动活:从海量日志中提取开放端口、漏洞信息和主机数据,耗时又易错。但现在,借助AiPy开发的GUI解析工具,只需喝杯奶茶的时间,即可将[PORT]、[SERVICE]、[VULN]、[HOST]等关键信息智能分类,并生成三份清晰的Excel报表。告别手动整理,大幅提升效率!在安全行业,工具党正碾压手动党。掌握AiPy,把时间留给真正的攻防实战!官网链接:https://www.aipyaipy.com,解锁更多用法!
|
2月前
|
Python
将Excel特定某列数据删除
将Excel特定某列数据删除
|
9月前
|
数据采集 数据可视化 数据挖掘
利用Python自动化处理Excel数据:从基础到进阶####
本文旨在为读者提供一个全面的指南,通过Python编程语言实现Excel数据的自动化处理。无论你是初学者还是有经验的开发者,本文都将帮助你掌握Pandas和openpyxl这两个强大的库,从而提升数据处理的效率和准确性。我们将从环境设置开始,逐步深入到数据读取、清洗、分析和可视化等各个环节,最终实现一个实际的自动化项目案例。 ####
1631 10
|
11月前
|
数据采集 存储 JavaScript
自动化数据处理:使用Selenium与Excel打造的数据爬取管道
本文介绍了一种使用Selenium和Excel结合代理IP技术从WIPO品牌数据库(branddb.wipo.int)自动化爬取专利信息的方法。通过Selenium模拟用户操作,处理JavaScript动态加载页面,利用代理IP避免IP封禁,确保数据爬取稳定性和隐私性。爬取的数据将存储在Excel中,便于后续分析。此外,文章还详细介绍了Selenium的基本设置、代理IP配置及使用技巧,并探讨了未来可能采用的更多防反爬策略,以提升爬虫效率和稳定性。
612 4
|
7月前
|
分布式计算 Hadoop 大数据
从Excel到Hadoop:数据规模的进化之路
从Excel到Hadoop:数据规模的进化之路
134 10