ExtJS实现Excel导出

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

1.POI组建实现

//获取问题列表  
List<Suggestion> targetStockList = suggestionService.getSuggestionList(map);  
   
        //创建一个新的Excel  
        HSSFWorkbook workBook = new HSSFWorkbook();  
        //创建sheet页  
        HSSFSheet sheet = workBook.createSheet();  
        //sheet页名称  
        workBook.setSheetName(0, "targetStockList");  
        //创建header页  
        HSSFHeader header = sheet.getHeader();  
        //设置标题居中  
        header.setCenter("标题");  
          
        //设置第一行为Header  
        HSSFRow row = sheet.createRow(0);  
        HSSFCell cell0 = row.createCell(Short.valueOf("0"));  
        HSSFCell cell1 = row.createCell(Short.valueOf("1"));  
        HSSFCell cell2 = row.createCell(Short.valueOf("2"));  
   
          
        // 设置字符集  
        cell0.setEncoding(HSSFCell.ENCODING_UTF_16);  
        cell1.setEncoding(HSSFCell.ENCODING_UTF_16);  
        cell2.setEncoding(HSSFCell.ENCODING_UTF_16);  
  
          
        cell0.setCellValue("问题标题");  
        cell1.setCellValue("问题描述");  
        cell2.setCellValue("反馈时间");  
      
          
        if(targetStockList != null && !targetStockList.isEmpty()) {  
            for(int i = 0; i < targetStockList.size(); i++) {  
                Suggestion targetStock = targetStockList.get(i);  
                row = sheet.createRow(i + 1);  
                cell0 = row.createCell(Short.valueOf("0"));  
                cell1 = row.createCell(Short.valueOf("1"));  
                cell2 = row.createCell(Short.valueOf("2"));  
  
                  
                // 设置字符集  
                cell0.setEncoding(HSSFCell.ENCODING_UTF_16);  
                cell1.setEncoding(HSSFCell.ENCODING_UTF_16);  
                cell2.setEncoding(HSSFCell.ENCODING_UTF_16);  
  
                  
                cell0.setCellValue(targetStock.getType());  
                cell1.setCellValue(targetStock.getContent());  
                cell2.setCellValue(targetStock.getPublishTime());  
       
   
                  
                sheet.setColumnWidth((short) 0, (short) 4000);  
                sheet.setColumnWidth((short) 1, (short) 4000);  
                sheet.setColumnWidth((short) 2, (short) 4000);  
            }  
        }  
          
        //通过Response把数据以Excel格式保存  
        response.reset();  
        response.setContentType("application/msexcel;charset=UTF-8");  
        try {  
            response.addHeader("Content-Disposition", "attachment;filename=\""  
                    + new String(("用户意见信息表" + ".xls").getBytes("GBK"),  
                            "ISO8859_1") + "\"");  
            OutputStream out = response.getOutputStream();  
            workBook.write(out);  
            out.flush();  
            out.close();  
        } catch (Exception e) {  
            e.printStackTrace();  
        }  
        return null;  

 2.EXTJS 调用函数

 

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

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

	// 初始化 Excel导出 的按钮
	var exportExcel = Ext.get(‘exportExcel‘);
	exportExcel.on(‘click‘, exportButtonClick);
	
	function exportButtonClick (){
		 window.location.href = Ext.CONTEXT + ‘/admin/suggestion.do?method=exportTargetList‘;
};

 

	// 初始化 Excel导出 的按钮
	var exportExcel = Ext.get(‘exportExcel‘);
	exportExcel.on(‘click‘, exportButtonClick);
	
	function exportButtonClick (){
		 window.location.href = Ext.CONTEXT + ‘/admin/suggestion.do?method=exportTargetList‘;
};

 技术分享

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。