[ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel
2015-03-16 10:37
489 查看
继上次使用js前端导出excel之后,还有一个主要大家比较关注的是后台实现导出excel,因为本人开发使用的java所以这里使用apache的开源项目poi进行后台excel的导出。
poi项目下载及加载
extjs前端导出设置
extjs后台对应的解决方案
创建excel工作簿
创建一个excel页签
生成excel样式并初始化
产生表格标题行build headers
构造数据行build rows
项目开源网址:Apache POI: http://poi.apache.org/
到写文章的时候,最新版本是3.1.1,下载bin包 解压缩后将jar包(以下图片中的jar包)加入到项目的lib中:
OK。自己测试一下是否正常添加到项目库中就可以了。
本文主要使用的markdown编辑器功能:
1. 代码高亮
2. 图片上传
3. 标题目录
本文目录
本文目录poi项目下载及加载
extjs前端导出设置
extjs后台对应的解决方案
创建excel工作簿
创建一个excel页签
生成excel样式并初始化
产生表格标题行build headers
构造数据行build rows
poi项目下载及加载
POI项目是apache官网的一个开源项目,其主要目的是对microsoft的办公软件进行接口封装,让用户可以对其进行编码方式书写。项目开源网址:Apache POI: http://poi.apache.org/
到写文章的时候,最新版本是3.1.1,下载bin包 解压缩后将jar包(以下图片中的jar包)加入到项目的lib中:
OK。自己测试一下是否正常添加到项目库中就可以了。
extjs前端导出设置
在前端extjs的grid中加入底部gridtoolbar内容增加一个导出excel按钮,增加处理事件,对处理事件关联到后台action.exportexyjsGrid: function (grid) { //关联后台,传入需要的参数 }
extjs后台对应的解决方案
在后台的action处理:创建excel工作簿
HSSFWorkbook workbook = new HSSFWorkbook();
创建一个excel页签
HSSFSheet sheet = workbook.createSheet("页签标题");
生成excel样式并初始化
HSSFCellStyle style = workbook.createCellStyle();
产生表格标题行(build headers)
HSSFRow row = sheet.createRow(0); for (int i = 0; i < headers.length; i++) { HSSFCell cell = row.createCell(i); cell.setCellStyle(style); HSSFRichTextString text = new HSSFRichTextString(headers[i]); cell.setCellValue(text); }
构造数据行(build rows)
跟标题行一样 遍历前台传入的grid参数 找到store 过滤参数条件 遍历插入excel数据行并填充数据即可。本文主要使用的markdown编辑器功能:
1. 代码高亮
2. 图片上传
3. 标题目录
相关文章推荐
- [ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel
- [ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel
- [ExtJS5学习笔记]第三十四节 sencha extjs 5 grid表格之java后台导出excel
- [ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel
- [ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel
- [ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel
- [ExtJS5学习笔记]第三十三节 sencha extjs 5 grid表格导出excel
- [ExtJS5学习笔记]第三十节 sencha extjs 5表格gridpanel分组汇总
- extjs4.2+java导出excel表格数据
- 前台EXTJS后台JAVA导出EXCEL
- [ExtJS5学习笔记]第三十节 sencha extjs 5表格gridpanel分组汇总
- extjs4 前台导出grid数据 生成excel,数据量大后台无法接收到数据
- [ExtJS5学习笔记]第三十节 sencha extjs 5表格gridpanel分组汇总
- ExtJS4 动态生成的grid导出为excel(纯前台)
- [ExtJS5学习笔记]第二十四节 Extjs5中表格gridpanel或者表单数据后台传输remoteFilter设置
- Extjs 4.2 Grid增删改及后台交互(Java)
- [ExtJS5学习笔记]第二十四节 Extjs5中表格gridpanel或者表单数据后台传输remoteFilter设置
- java、Extjs导出数据库里的数据至Excel并下载至本地进行数据备份方法之二——使用Action
- ExtJS4.x Grid导出到Excel(详解)
- ExtJS4 动态生成的grid导出为excel示例