ExtJS实现Excel导出

转载地址：http://blog.csdn.net/gavinloo/article/details/6707828

ExtJS是一种基于客户端开发的AJAX应用，是一个与后台技术无关的前台ajax框架。由于项目需求，我们需要实现Excel的导出功能，前台界面是用ExtJS实现。如何实现呢？

1． 使用POI组件实现excel导出功能

[java] view plaincopy

1. //获取问题列表  
2. List<Suggestion> targetStockList = suggestionService.getSuggestionList(map);  
3.    
4.         //创建一个新的Excel  
5.         HSSFWorkbook workBook = new HSSFWorkbook();  
6.         //创建sheet页  
7.         HSSFSheet sheet = workBook.createSheet();  
8.         //sheet页名称  
9.         workBook.setSheetName(0, "targetStockList");  
10.         //创建header页  
11.         HSSFHeader header = sheet.getHeader();  
12.         //设置标题居中  
13.         header.setCenter("标题");  
14.           
15.         //设置第一行为Header  
16.         HSSFRow row = sheet.createRow(0);  
17.         HSSFCell cell0 = row.createCell(Short.valueOf("0"));  
18.         HSSFCell cell1 = row.createCell(Short.valueOf("1"));  
19.         HSSFCell cell2 = row.createCell(Short.valueOf("2"));  
20.    
21.           
22.         // 设置字符集  
23.         cell0.setEncoding(HSSFCell.ENCODING_UTF_16);  
24.         cell1.setEncoding(HSSFCell.ENCODING_UTF_16);  
25.         cell2.setEncoding(HSSFCell.ENCODING_UTF_16);  
26.   
27.           
28.         cell0.setCellValue("问题标题");  
29.         cell1.setCellValue("问题描述");  
30.         cell2.setCellValue("反馈时间");  
31.       
32.           
33.         if(targetStockList != null && !targetStockList.isEmpty()) {  
34.             for(int i = 0; i < targetStockList.size(); i++) {  
35.                 Suggestion targetStock = targetStockList.get(i);  
36.                 row = sheet.createRow(i + 1);  
37.                 cell0 = row.createCell(Short.valueOf("0"));  
38.                 cell1 = row.createCell(Short.valueOf("1"));  
39.                 cell2 = row.createCell(Short.valueOf("2"));  
40.   
41.                   
42.                 // 设置字符集  
43.                 cell0.setEncoding(HSSFCell.ENCODING_UTF_16);  
44.                 cell1.setEncoding(HSSFCell.ENCODING_UTF_16);  
45.                 cell2.setEncoding(HSSFCell.ENCODING_UTF_16);  
46.   
47.                   
48.                 cell0.setCellValue(targetStock.getType());  
49.                 cell1.setCellValue(targetStock.getContent());  
50.                 cell2.setCellValue(targetStock.getPublishTime());  
51.        
52.    
53.                   
54.                 sheet.setColumnWidth((short) 0, (short) 4000);  
55.                 sheet.setColumnWidth((short) 1, (short) 4000);  
56.                 sheet.setColumnWidth((short) 2, (short) 4000);  
57.             }  
58.         }  
59.           
60.         //通过Response把数据以Excel格式保存  
61.         response.reset();  
62.         response.setContentType("application/msexcel;charset=UTF-8");  
63.         try {  
64.             response.addHeader("Content-Disposition", "attachment;filename=\""  
65.                     + new String(("用户意见信息表" + ".xls").getBytes("GBK"),  
66.                             "ISO8859_1") + "\"");  
67.             OutputStream out = response.getOutputStream();  
68.             workBook.write(out);  
69.             out.flush();  
70.             out.close();  
71.         } catch (Exception e) {  
72.             e.printStackTrace();  
73.         }  
74.         return null;  

2.ExtJS调用此函数，实现Excel的导出

我们知道在界面上通过一个按钮实现Excel的导出，ExtJS的按钮一般都是通过Ext.Ajax.request的异步请求实现数据提交的。但是在这里我们不能使用异步调用，我们需要在直接提示给用户是否保存或打开此文档。如何实现呢？

       其实很简单，我们如果了解了ExtJS就是Javascript开发的，我们就能够很容易实现此功能了。我们在按钮的触发事件中写入此段代码就能实现Excel的函数调用了。

[javascript] view plaincopy

1. // 初始化 Excel导出 的按钮  
2. var exportExcel = Ext.get('exportExcel');  
3. exportExcel.on('click', exportButtonClick);  
4.   
5. function exportButtonClick (){  
6.      window.location.href = Ext.CONTEXT + '/admin/suggestion.do?method=exportTargetList';  
7. ;