华山资源网

ExtJS4 动态生成的grid导出为excel示例
网络编程 2024/11/20 佚名
3 1
搜索了蛮久，找到一些例子，因为我是初学者的缘故大多不知道怎么使用。。

研究了一下那个源码，搞到现在终于实现了基本的下载。解决了一个表格不能重复下载的小BUG，一个使用grid初始化发生的BUG

下面记录一下步骤。说不定下次还有用

1.下载需要用到js代码，我已经上传 

2.在你的html文件中加入引用，路径问题自己 注意下，下面是我的路径
复制代码 代码如下:
<script type="text/javascript" src="/UploadFiles/2021-04-02/export-all.js">
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随意导出,并且支持对定制字段的表格导出，即导出表格显示的列

效果图在这里:
ExtJS4 动态生成的grid导出为excel示例 
ExtJS4 动态生成的grid导出为excel示例 
华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com