前言
最近有网友提到这个 问题,就是如何将 ExtAspNet页面中的Grid控件导出到Excel文件。
这个其实是开发中经常遇到的问题,大家也都知道其实所谓导出到Excel文件,最简单的做法就是把一个table的HTML片段输出,下面通过一个简单的例子来说明这个问题。
1. 新建一个文本文件table.txt,编辑其内容:
<table border="1"> <tr><th>姓名</th><th>性别</th></tr> <tr><th>张三</th><th>男</th></tr> <tr><th>李四</th><th>男</th></tr> <tr><th>春花</th><th>女</th></tr> </table>
2. 修改文件名为table.xls,双击打开此文件:
![](https://i-blog.csdnimg.cn/blog_migrate/c0d76fa3220d8c73a09265841998a6ac.gif)
Asp.Net中GridView的实现
在写这篇文章之前,我在网上找到一个很好的 参考资料,还有 中文译本。
总的来说还是有一些应用技巧的,大概归纳如下:
- 必须重载VerifyRenderingInServerForm函数,函数体留空,否则会报错:
- 如果GridView中包含CheckBox,LinkButton等控件或者分页时,需要设置Page属性EnableEventValidation="false",否则会报错:
- 可以在导出数据之前将GridView中的CheckBox等控件使用Literal控件代替,这个会在下面的例子中有演示。
下面通过一个例子来说明。
1. 页面中GridView的声明:
<asp:GridView ID="GridView1" Width="900px" DataKeyNames="Id" AutoGenerateColumns="False" runat="server"> <Columns> <asp:BoundField DataField="MyText" HeaderText="MyText" /> <asp:BoundField DataField="MyValue" HeaderText="MyValue" /> <asp:BoundField DataField="Year" HeaderText="Year" /> <asp:CheckBoxField DataField="MyCheckBox" HeaderText="CheckBox" /> <asp:HyperLinkField HeaderText="HyperLink" DataTextField="MyText" DataTextFormatString="F-{0}" DataNavigateUrlFields="Id,MyValue" DataNavigateUrlFormatString="http://www.google.com/?id={0}&page={1}" Target="_blank" NavigateUrl="~/alert.aspx" Text="HyperLinkField" /> <asp:TemplateField HeaderText="TemplateField"> <ItemTemplate> <asp:Label ID="Label2" runat="server" Text='<%# GetMyValue(Eval("MyValue")) %>'></asp:Label> </ItemTemplate> </asp:TemplateField> <asp:ImageField DataImageUrlField="MyValue" DataImageUrlFormatString="~/images/16/{0}.gif" HeaderText="Image"> </asp:ImageField> </Columns> </asp:GridView>
2. 后台数据绑定,这个就不贴代码了,看看生成的页面就明白了。
3. 生成的页面:
![](https://i-blog.csdnimg.cn/blog_migrate/dacb0a5a1709259adf744490c8b35be3.gif)
4. 点击导出为Excel文件的C#代码:
protected void Button2_Click(object sender, EventArgs e) { Response.ClearContent(); Response.AddHeader("content-disposition", "attachment; filename=MyExcelFile.xls"); Response.ContentType = "application/excel"; StringWriter sw = new StringWriter(); HtmlTextWriter htw = new HtmlTextWriter(sw); GridView1.RenderControl(htw); Response.Write(sw.ToString()); Response.End(); }
5. 看下导出的Excel:
![](https://i-blog.csdnimg.cn/blog_migrate/4a176902e6e851048eacbeb049f3df97.gif)
6. 如果打开生成的MyExcelFile.xls,你会发现如下内容,其实就是HTML表示的Table:
![](https://i-blog.csdnimg.cn/blog_migrate/e203d8d63199ba3bebeef5fc9afad9dc.gif)
Asp.Net中GridView的实现 - 去除CheckBox控件和修正图片链接
在上面的实现中,有两个地方另我们不满意,一个是希望去掉CheckBox控件使用文本表示,二是图片的路径是相对当前站点的,希望能够以http开头的路径,这样在Excel才能正常显示。
因此在输出GridView之前,对GridView做一些手脚如下:
protected void Button2_Click(object sender, EventArgs e) { ResolveGridView(GridView1); Response.ClearContent(); Response.AddHeader("content-disposition", "attachment; filename=MyExcelFile.xls"); Response.ContentType = "application/excel"; StringWriter sw = new StringWriter(); HtmlTextWriter htw = new HtmlTextWriter(sw); GridView1.RenderControl(htw); Response.Write(sw.ToString()); Response.End(); } private void ResolveGridView(Control ctrl) { for (int i = 0; i < ctrl.Controls.Count; i++) { // 图片的完整URL if (ctrl.Controls[i].GetType() == typeof(AspNet.Image)) { AspNet.Image img = ctrl.Controls[i] as AspNet.Image; // 其中URL的前半段应该是Web.config中配置的参数 img.ImageUrl = "http://localhost" + Page.ResolveUrl(img.ImageUrl); } // 将CheckBox控件转化为静态文本 if (ctrl.Controls[i].GetType() == typeof(AspNet.CheckBox)) { Literal lit = new Literal(); lit.Text = (ctrl.Controls[i] as AspNet.CheckBox).Checked ? "√" : "×"; ctrl.Controls.RemoveAt(i); ctrl.Controls.AddAt(i, lit); } if (ctrl.Controls[i].HasControls()) { ResolveGridView(ctrl.Controls[i]); } } }
现在的结果还不错:
![](https://i-blog.csdnimg.cn/blog_migrate/b438974878da95fabac5841b65dffa9d.gif)
全部源代码可以从 这里下载,随后的一篇文章我会讲解如何将ExtAspNet中的Grid控件导出为Excel文件。