ExtAspNet应用技巧（九） Grid导出为Excel文件

前言

最近有网友提到这个问题，就是如何将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，双击打开此文件： 




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. 生成的页面： 


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： 


6. 如果打开生成的MyExcelFile.xls，你会发现如下内容，其实就是HTML表示的Table： 




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]);
            }
        }
    }
    

现在的结果还不错： 



全部源代码可以从这里下载，随后的一篇文章我会讲解如何将ExtAspNet中的Grid控件导出为Excel文件。