ExtJS4 动态生成grid出口excel(纯粹的接待)
2015-07-15 18:36
513 查看
搜索相当长的时间,寻找一些样本,因为我刚开始学习的原因,大多数人不知道怎么用。。
他曾在源代码。搞到现在终于实现了主下载。。
表的采集格不重复下载一个小BUG,一个使用grid初始化发生的BUG
以下记录一下步骤。。说不定下次还实用
1.下载须要用到js代码。我已经上传
http://download.csdn.net/detail/hu8471479/7281703
2.在你的html文件里增加引用,路径问题自己 注意下,以下是我的路径
3.在你要用到的JS代码的Ext.onReady()的開始加上
设置命名空间。。注意路径
4.在代码里面使用。在你须要下载功能的grid处合适的地方增加
这是两种初始化excel的方式。一种用store初始化。使用store的fields和data,由于我的store中的fields名字是英文,导出来的列名是英文所以我没有使用这样的,而是直接用grid进行初始化。
以下说下在别人的代码基础上我改动的地方
1.在exporter.js第40行,改成了
2.在workbook.js中77.78行,加了两句话
以上2行代码进行一些初始化。否则excel每次生成由于没有清空之前的数据导致格式错误
经过以上的简单改动已经能够对一个grid任意导出,而且支持对定制字段的表格导出,即导出表格显示的列
效果图在这里:
定制字段生成的代码已经改进,速度提升了N倍,见我前面的文章
有问题能够留言,共同探讨 ,http://blog.csdn.net/decoderworld
他曾在源代码。搞到现在终于实现了主下载。。
表的采集格不重复下载一个小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
相关文章推荐
- MVC分页方法+js
- JS对text非空判断,非空校验
- javascript DOM
- js 写table 函数
- JMeter中返回Json数据的处理方法
- CommonJS 的 AMD 规范
- 集成ejs和angular
- js的原型(prototype)的相关笔记(一)
- JSON资料整理 (很好的介绍了JSON)
- Javascript的8张思维导图
- 怎样使用相对路径来放置js文件
- BZOJ 1016 [JSOI2008]最小生成树计数
- javascript时间戳和日期字符串相互转换
- JS---控制键盘事件
- javascript操作Document对象
- javascript中location.href实现页面重定向
- javascript location.href 参数详解
- JavaScript必知必会+理解总结
- JS匿名函数的理解
- javascript基础2