Extensive Study of GridView Export to Excel.doc

Size: px

Start display at page:

Download "Extensive Study of GridView Export to Excel.doc"

刻专丁
4 years ago
Views:

将 GridView 的内容导出到 Excel 中原文来自 :http://gridviewguy.com/articledetails.aspx?

1 将 GridView 的内容导出到 Excel 中原文来自 : 介绍 : 将 GridView 的内容导出到 Excel 是很普通的应用, 在很多网站上都有使用有各种不同的技术来实现 GridView 导出到 Excel 中, 主要是看应用程序的具体情况在本文中我将演示一些你会觉得有用的技巧从 GridView 导出到 Excel( 基础代码 ) 让我们从基础的导出方法开始首先, 我们需要用一些数据填充 GridView 我创建了一个自定义的数据表, 它包含了多个字段你可以在下面的截图中看到现在, 下一步的任务是使用数据库中的数据来填充 GridView 试一试下面的代码, 它使用 DataSet 来填充 GridView private void BindData() SqlConnection myconnection = new SqlConnection("Server=localhost;Database=School;Trusted_Connection=true"); SqlDataAdapter ad = new SqlDataAdapter("SELECT * FROM Users", myconnection); DataSet ds = new DataSet(); ad.fill(ds); gvusers.datasource = ds; gvusers.databind(); 1

所以 GridView 现在已经填充了数据接下去的任务就是将 GridView 导出到 Excel 你可以在 button 的 click 事件中使用下面的代码 Response.ClearContent(); Response.AddHeader("content-disposition", "attachment; filename=myexcelfile.xls"); Response.

2 所以 GridView 现在已经填充了数据接下去的任务就是将 GridView 导出到 Excel 你可以在 button 的 click 事件中使用下面的代码 Response.ClearContent(); Response.AddHeader("content-disposition", "attachment; filename=myexcelfile.xls"); Response.ContentType = "application/excel"; StringWriter sw = new StringWriter(); HtmlTextWriter htw = new HtmlTextWriter(sw); gvusers.rendercontrol(htw); Response.Write(sw.ToString()); Response.End(); 你同时还要重载 VerifyRenderingInServerForm 方法参照下面的代码 public override void VerifyRenderingInServerForm(Control control) 2

$对了, 开头的 0 都被截去了这表示如果 ID 是 000345, 它会显示为 345 你可以在输出的数据流中添加 CSS 描述来解决该问题为了能正确的显示 ID 列, 你要把它存储为文本文本格式在 Excel 中用 mso-number-format:"\@ 来表示只要你知道了这个格式, 你就可以将这个样式添加到输出的数据流中看看下面的代码吧 protected void$

3 当你点击 Export to Excel 按钮之后, 将会弹出一个对话框让你选择打开或者是保存导出的文件选择打开文件, 你会看到导出的数据显示在 Excel 的页面中看一看下面的截图, 它显示了 GridView 已导出到 Excel 中 GridView 附带样式导出到 Excel 中你有没有发现上面导出代码的问题? 对了, 开头的 0 都被截去了这表示如果 ID 是 , 它会显示为 345 你可以在输出的数据流中添加 CSS 描述来解决该问题为了能正确的显示 ID 列, 你要把它存储为文本文本格式在 Excel 中用 mso-number-format:"\@ 来表示只要你知道了这个格式, 你就可以将这个样式添加到输出的数据流中看看下面的代码吧 protected void Btn_ExportClick(object sender, EventArgs e) string style mso-number-format:\@; </script> "; Response.ClearContent(); Response.AddHeader("content-disposition", "attachment; filename=myexcelfile.xls"); Response.ContentType = "application/excel"; StringWriter sw = new StringWriter(); HtmlTextWriter htw = new HtmlTextWriter(sw); gvusers.rendercontrol(htw); // Style is added dynamically Response.Write(style); Response.Write(sw.ToString()); 3

Response.End(); public override void VerifyRenderingInServerForm(Control control) 正如你在上面的代码中所看到的, 我使用字符串变量 style 来存放 GridView 中列的样式同时, 我使用 Response.

4 Response.End(); public override void VerifyRenderingInServerForm(Control control) 正如你在上面的代码中所看到的, 我使用字符串变量 style 来存放 GridView 中列的样式同时, 我使用 Response.Write 方法来将样式写入到输出流中最后你要做的就是将样式添加到 ID 列这可以在 GridView 控件的 RowDataBound 事件中完成 protected void gvusers_rowdatabound(object sender, GridViewRowEventArgs e) if (e.row.rowtype == DataControlRowType.DataRow) e.row.cells[1].attributes.add("class", "text"); 现在, 当你导出 GridView 到 Excel, 该文件的内容会类似于下图查看表格栏的样式你打开导出后的 Excel 文件就可以轻而易举的找到 GridView 中数据栏的正确样式现在点击标题栏并选择设置单元格格式, 它将显示一些参数用来格式化单元格选择文本并把文件保存为.htm 文件现在, 用浏览器打开这个 Web 文件, 然后查看它的源文件你会在样式段落发现不同的单元格所对应的样式使用查找功能定位到 ID 栏你将发现类似于下面的一行内容 : <td class=xl27 width=35 style='border-left:none;width:26pt'>id</td> 4

$正如你所看到上面的单元格使用样式类 x127 现在转到样式部分, 找到 x127.xl27 mso-style-parent:style0; font-weight:700; mso-number-format:"\@"; text-align:center; vertical-align:middle; border:.$

5 正如你所看到上面的单元格使用样式类 x127 现在转到样式部分, 找到 x127.xl27 mso-style-parent:style0; font-weight:700; text-align:center; vertical-align:middle; border:.5pt solid black; white-space:normal; 当你找到.x127 样式之后, 你会发现单元格格式定义为带链接按钮与分页的 GridView 导出到 Excel: 当你尝试导出包含带链接按钮与分页功能的 GridView 时, 大概会看到下列错误 : 你可以转到该页面的源代码中, 将 EnableEventValidation 改为 false, 这样即可解决该问题 <%@ Page Language="C#" EnableEventValidation="false" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 现在, 让我们来看看导出的文件 : 5

和你看到的一样,LinkButton 与 DropDownList 控件也和 GridView 一起导出了虽然 DropDownList 也能正确的显示用户的选项, 但是它在 Excel 中并不好看所以, 让我们看看如何来显示选中的文本并去除 DropDownList 我创建了一个简单的方法 :DisableControls, 它遍历了 GridView 中的控件, 并用 Literal

6 和你看到的一样,LinkButton 与 DropDownList 控件也和 GridView 一起导出了虽然 DropDownList 也能正确的显示用户的选项, 但是它在 Excel 中并不好看所以, 让我们看看如何来显示选中的文本并去除 DropDownList 我创建了一个简单的方法 :DisableControls, 它遍历了 GridView 中的控件, 并用 Literal 控件代替 LinkButton 与 DropDownList 控件 private void DisableControls(Control gv) LinkButton lb = new LinkButton(); Literal l = new Literal(); string name = String.Empty; for (int i = 0; i < gv.controls.count; i++) if (gv.controls[i].gettype() == typeof(linkbutton)) l.text = (gv.controls[i] as LinkButton).Text; gv.controls.remove(gv.controls[i]); gv.controls.addat(i, l); else if (gv.controls[i].gettype() == typeof(dropdownlist)) 6

7 l.text = (gv.controls[i] as DropDownList).SelectedItem.Text; gv.controls.remove(gv.controls[i]); gv.controls.addat(i, l); if (gv.controls[i].hascontrols()) DisableControls(gv.Controls[i]); 这个方法很简单, 用 Literal 控件来替换所有的 LinkButton 和 DropDownList 控件, 并把它们的选择内容赋给 Literal 控件的 Text 属性你必须在导出之前调用该方法 protected void Btn_ExportExcelPaging(object sender, EventArgs e) DisableControls(gvUsers); Response.ClearContent(); Response.AddHeader("content-disposition", filename=myexcelfile.xls"); "attachment; Response.ContentType = "application/excel"; StringWriter sw = new StringWriter(); HtmlTextWriter htw = new HtmlTextWriter(sw); gvusers.rendercontrol(htw); Response.Write(sw.ToString()); 7

8 Response.End(); 最后, 当你导出 GridView 时, 只会看到选中的文本内容看一看下面的截图所显示的效果翻译 :Activer Remark: 翻译的肯定不好, 毕竟我的 E 文本来就不好, 只是这两天有点无聊甚至有些句子不是翻译, 而是改写啦 MSN: asp_lha@msn.com 8

untitled

untitled 12-1 -2 VC# Web Blog 12-1 -1-1 12-1.1-1 C:\ ChartModuleSample_CSharp\Application\2001\ Files\ 4096 KB 120 Web.Config httpruntime maxrequestlength executiontimeout 12-2