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文件。
posted @ 2009-08-23 21:54  三生石上(FineUI控件)  阅读(6013)  评论(4编辑  收藏  举报