DataGrid导出Excel

今天药忘吃喽~ 2023-08-17 15:50 65阅读 0赞

在Adobe的RIA开发环境下，flex并没有导出Excel的功能，在完成此类功能的时候，在网上Google了很多相关文章，其中提到了利用Flex将DataGrid的数据拼凑成字符串然后利用JSP获取字符串形成Excel文件，在浏览器端给用户提供Excel下载功能。

以上就是DataGrid导出Excel的主要思想。主要代码如下：

1.Flex端生成字符串：

As代码 [![复制代码][icon_copy.gif]][icon_copy.gif 1]  ![收藏代码][icon_star.png]![spinner.gif][]

public final class ExportToExcel \{ public function ExportToExcel() \{ super(); \} /\*\* 在导出数据的时候有可能出现单元格数据长度过长而导致Excel在显示时 \* 出现科学计数法或者\#特殊符号，在此设置单元格宽度比例WIDTHSCALE，在 \* 代码中每个单元格的宽度扩展适当的比例值WIDTHSCALE。 \*/ public static var WIDTHSCALE:Number=2.0; /\*\* \* 将DataGrid转换为htmltable \* @author 陈文锋 54cwf@163.com \* @param: dg 需要转换成htmltable的DataGrid \* @return: String \*/ public static function convertDGToHTMLTable(dg:DataGrid):String \{ //设置默认的DataGrid样式 var font:String = dg.getStyle('fontFamily'); var size:String = dg.getStyle('fontSize'); var str:String = ''; var colors:String = ''; var style:String = 'style="font-family:'+font+';font-size:'+size+'pt;"'; var hcolor:Array; //检索DataGrid的 headercolor if(dg.getStyle("headerColor") != undefined) \{ hcolor = \[dg.getStyle("headerColor")\]; \} else \{ hcolor = dg.getStyle("headerColors"); \} str+= '<table width="'+dg.width+'" border="1"><thead><tr width="'+dg.width+'" style="background-color:\#' +Number((hcolor\[0\])).toString(16)+'" mce\_style="background-color:\#' +Number((hcolor\[0\])).toString(16)+'">'; //设置tableheader数据(从datagrid的header检索headerText信息) for(var i:int = 0;i<dg.columns.length;i++) \{ colors = dg.getStyle("themeColor"); if(dg.columns\[i\].headerText != undefined) \{ str+="<th "+style+">"+dg.columns\[i\].headerText+"</th>"; \} else \{ str+= "<th "+style+">"+dg.columns\[i\].dataField+"</th>"; \} \} str += "</tr></thead><tbody>"; colors = dg.getStyle("alternatingRowColors"); for(var j:int =0;j<dg.dataProvider.length;j++) \{ str+="<tr width=/""+Math.ceil(dg.width)+"/">"; for(var k:int=0; k < dg.columns.length; k++) \{ if(dg.dataProvider.getItemAt(j) != undefined && dg.dataProvider.getItemAt(j) != null) \{ if((dg.columns\[k\] as DataGridColumn).labelFunction != undefined) \{ str += "<td width=/""+Math.ceil((dg.columns\[k\] as DataGridColumn).width\*ExportToExcel.WIDTHSCALE)+"/" "+style+">"+(dg.columns\[k\] as DataGridColumn).labelFunction(dg.dataProvider.getItemAt(j),dg.columns\[k\].dataField)+"</td>"; \} else \{ str += "<td width=/""+Math.ceil(dg.columns\[k\].width\*ExportToExcel.WIDTHSCALE)+"/" "+style+">"+dg.dataProvider.getItemAt(j)\[(dg.columns\[k\] as DataGridColumn).dataField\]+"</td>"; \} \} \} str += "</tr>"; \} str+="</tbody></table>"; return str; \} /\*\* \* 将制定的DataGrid加载到Excel文件，此方法传入一个htmltable字符串参数到后台Script脚本，然后浏览器给用户提供一个Excel下载 \* @author Chenwenfeng \* @params dg 需要导入的数据源DataGrid \* @params url excel文件下载路径 \*/ public static function loadDGInExcel(dg:DataGrid,url:String):void \{ //设置URLVariables参数变量，动态增加属性htmltable var variables:URLVariables = new URLVariables(); variables.htmltable = convertDGToHTMLTable(dg); var u:URLRequest = new URLRequest(url); u.data = variables; u.method = URLRequestMethod.POST; navigateToURL(u,"\_self");//"\_self" 指定当前窗口中的当前帧。 //"\_blank" 指定一个新窗口。 //"\_parent" 指定当前帧的父级。 //"\_top" 指定当前窗口中的顶级帧。 \} \}

2.JSP代码：

Jsp代码 [![复制代码][icon_copy.gif]][icon_copy.gif 1]  ![收藏代码][icon_star.png]![spinner.gif][]

<%@ page language="java"%> <%@ page contentType="application/msexcel;charset=GBK" pageEncoding="UTF-8"%> <% request.setCharacterEncoding("UTF-8"); response.setHeader("Content-disposition","attachment; filename=DownLoad.xls"); String str = request.getParameter("htmltable"); out.print(str); %>

一般情况下将JSP文件放在工程的WebRoot/bin目录下，然后在调用AS类的loadDGInExcel函数，注意需要得到正确的Excel文件下载路径url.还有就是JSP的设置问题，setHeader函数的第二个参数attachment表示会有下载提示框出现，若换成inline（似乎是这个单词）则没有下载提示框，浏览器会直接打开Excel文件

PS:在开始的时候还出过Excel出现科学计数法或者\#等问题（因为Excel的单元格宽度太小造成的），后来设置了一个单元格宽度扩展比例。问题解决了。

转载于:https://www.cnblogs.com/JPAORM/archive/2011/03/25/2509827.html

[icon_copy.gif]: http://cwfmaker.javaeye.com/images/icon_copy.gif
[icon_copy.gif 1]: http://cwfmaker.javaeye.com/blog/524648#
[icon_star.png]: http://cwfmaker.javaeye.com/images/icon_star.png
[spinner.gif]: http://cwfmaker.javaeye.com/images/spinner.gif