ExtJS4 动态生成的grid导出为excel示例
程序员文章站
2022-03-07 11:19:36
搜索了蛮久,找到一些例子,因为我是初学者的缘故大多不知道怎么使用。。 研究了一下那个源码,搞到现在终于实现了基本的下载。解决了一个表格不能重复下载的小bug,一个使用gri...
搜索了蛮久,找到一些例子,因为我是初学者的缘故大多不知道怎么使用。。
研究了一下那个源码,搞到现在终于实现了基本的下载。解决了一个表格不能重复下载的小bug,一个使用grid初始化发生的bug
下面记录一下步骤。说不定下次还有用
1.下载需要用到,我已经上传
2.在你的html文件中加入引用,路径问题自己 注意下,下面是我的路径
3.在你要用到的js代码的ext.onready()的开始加上
设置命名空间。。注意路径
4.在代码里面使用,在你需要下载功能的grid处合适的地方加入
这是两种初始化excel的方式,一种用store初始化,使用store的fields和data,因为我的store中的fields名字是英文,导出来的列名是英文所以我没有使用这种,而是直接用grid进行初始化。
下面说下在别人的代码基础上我修改的地方
1.在exporter.js第40行,改成了
原来的代码在第一个参数那里是grid.columns,后来我发现动态生成的grid在reconfigure之后columns放在columnmanager.columns里,所以这么改
2.在workbook.js中77.78行,加了两句话
以上2行代码进行一些初始化,否则excel每次生成因为没有清空之前的数据导致格式错误
经过以上的简单修改已经可以对一个grid随意导出,并且支持对定制字段的表格导出,即导出表格显示的列
效果图在这里:
研究了一下那个源码,搞到现在终于实现了基本的下载。解决了一个表格不能重复下载的小bug,一个使用grid初始化发生的bug
下面记录一下步骤。说不定下次还有用
1.下载需要用到,我已经上传
2.在你的html文件中加入引用,路径问题自己 注意下,下面是我的路径
3.在你要用到的js代码的ext.onready()的开始加上
设置命名空间。。注意路径
4.在代码里面使用,在你需要下载功能的grid处合适的地方加入
这是两种初始化excel的方式,一种用store初始化,使用store的fields和data,因为我的store中的fields名字是英文,导出来的列名是英文所以我没有使用这种,而是直接用grid进行初始化。
下面说下在别人的代码基础上我修改的地方
1.在exporter.js第40行,改成了
原来的代码在第一个参数那里是grid.columns,后来我发现动态生成的grid在reconfigure之后columns放在columnmanager.columns里,所以这么改
2.在workbook.js中77.78行,加了两句话
以上2行代码进行一些初始化,否则excel每次生成因为没有清空之前的数据导致格式错误
经过以上的简单修改已经可以对一个grid随意导出,并且支持对定制字段的表格导出,即导出表格显示的列
效果图在这里:
推荐阅读
-
jsp利用POI生成Excel并在页面中导出的示例
-
jsp利用POI生成Excel并在页面中导出的示例
-
ExtJS4 动态生成的grid导出为excel示例
-
Java根据模板导出Excel报表并复制模板生成多个Sheet页的示例代码分享(图)
-
ExtJS4 动态生成的grid导出为excel示例_extjs
-
Java根据模板导出Excel报表并复制模板生成多个Sheet页的示例代码分享(图)
-
ExtJS4 动态生成的grid导出为excel示例_extjs
-
实现easyui的datagrid导出为excel的示例代码
-
实现easyui的datagrid导出为excel的示例代码
-
ExtJS4 动态生成的grid导出为excel示例