這篇文章主要介紹了GridView選擇性導出Excel的解決方案,需要的朋友可以參考下
一、需求分析 首先根據用戶需求,可以進行選擇性導出,之前已經做了全部導出,這次新需求又來了,不過仔細想想也對,全部導出幾萬條數據,意義並不大,而可選擇性的導出用戶需要的數據才是用戶需要的。有需求就有解決方法。 任何問題的解決方法都不止一個,GridView的選擇性導出也一樣,首先GridView綁定的是數據庫的表數據,選擇導出,我們也可以從數據中查詢需要的數據,可以直接從前台GridView表中取得數據,問題來了,怎麼判斷選中了,怎麼後去選中的那條信息的主鍵(或者獲得整條信息)兩個方向,到底哪個效率哪個更優? 二、解決方法 ONE 1. 前台獲取選中行的主鍵信息,通過JSON格式,傳送到後台,後台解析後,再從數據庫中取得數據,通過DataTable導出到Excel ⑴. 導出所選操作 代碼如下: <asp:Button ID="Export" runat="server" CssClass="btn-lit" Text="導出所選" OnClientClick="return getnumberExport()" OnClick="Export_Click"/> ⑵. 前台JS,獲取選中行的那條信息的主鍵,也就是GridView要有一列是主鍵,獲取到所有的主鍵以JSON格式保存,然後傳到服務器 代碼如下: <script type="text/javascript"> function getnumberExport() { if (ExportCheck()) { //通過GridView ID獲取元素 var gv = document.getElementById("ctl00_ContentPlaceHolder1_gridView"); //獲取GridView的Input html var mycheck = gv.getElementsByTagName("input"); //定義一個新數組 var fam = new Array(); var hg; var id; //循環檢測checkbox標簽,獲取每條數據的主鍵信息 for (var i = 0; i < mycheck.length; i++) { if (mycheck[i].type == 'checkbox')//hidden { //如果checkbox被選中 if (mycheck[i].checked == true) { var numid = new Object(); hg = gv.rows(i + 1).cells(20).innerHTML; //substring() 方法用於提取字符串中介於兩個指定下標之間的字符。 //LastIndexOf()倒取字符串,從後往前取到指定的字符 hg = hg.substring(hg.lastIndexOf("=") + 1, hg.lastIndexOf(""")); //獲取一條數據的主鍵 id = gv.rows(i + 1).cells(1).innerHTML; numid.number = hg; numid.id = id; fam.push(numid); } } } //$.ajaxSetup({ // async: false //設置為同步請求 //}); //將數組轉換成JSON類型 var nid = JSON.stringify(fam); //post方式,向服務器傳送數據 $.post("List.aspx", { Action: "action", numid: nid}, function (result) { }); } else { return false; } } </script> ⑶. 後台解析JSON,轉換成DataTable,導出到Excel 代碼如下: protected void Page_Load(object sender, EventArgs e) { //判斷服務器是否正確接收數據 if (Request.Params["Action"] !=null) { //獲取前台的JSON string numid = Request.Params["numid"].ToString(); Session["numid"] = numid; } } /// <summary> /// 選擇性導出EXCEL /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void Export_Click(object sender, EventArgs e) { FamilyPlanningFacade familyPlanningFacade = new FamilyPlanningFacade(); //實例化計生外觀層 DataSet dsAllFamily = new DataSet(); DataSet dsOneFamily = new DataSet(); dsAllFamily = familyPlanningFacade.GetAllList(); //獲得所有計生信息 dsAllFamily.Tables[0].Rows.Clear(); //解析JSON;需引入Newtonsoft.Json和Newtonsoft.Json.Linq庫 JArray numidget = (JArray)JsonConvert.DeserializeObject(Session["numid"].ToString()); //遍歷JSON中所需要的值,在通過這個值查詢數據庫獲取一條數據,將數據加入新行 for (int i = 0; i < numidget.Count; i++) { JObject numberget = (JObject)numidget[i]; string num = numberget["number"].ToString(); if (num.Equals("")) { //獲取id的鍵值 string id = numberget["id"].ToString(); //enBasic.ID = id; //通過id的值(唯一)查詢到一條數據 dsExport = famfacade.SelectExport(id); //新建行 DataRow row = newDataTable.NewRow(); //向新建行中添加數據 row.ItemArray = dsExport.Tables[0].Rows[0].ItemArray; //添加此行到DataTable中 newDataTable.Rows.Add(row); } } DataTable dtfamilyplanning = new DataTable(); //創建計生信息數據表 dtfamilyplanning = newDataTable.Tables[0]; //設置表字段 dtfamilyplanning = dtfamilyplanning.DefaultView.ToTable(false, new string[] { "ID", "name", "sex" }); //修改表頭信息,為了使導出的Excel表頭為漢字 dtfamilyplanning.Columns["ID"].ColumnName = "編號"; dtfamilyplanning.Columns["name"].ColumnName = "姓名"; dtfamilyplanning.Columns["sex"].ColumnName = "性別"; //....表中其它信息不再細寫 //新建DataTableToExcel類的對象 DataTableToExcel dtToExcel = new DataTableToExcel(); //導出數據到Excel dtToExcel.ToExcel(dtfamilyplanning); } ⑷. DataTable導出為Excel方法,很不錯的方法,站在巨人肩膀上為我所用。 代碼如下: public void ToExcel(DataTable dt) { DataGrid dgExcel = new DataGrid(); dgExcel.DataSource = dt; dgExcel.DataBind(); HttpContext.Current.Response.Charset = "GB2312"; string fileName = HttpUtility.UrlEncode(Guid.NewGuid().ToString(), System.Text.Encoding.UTF8); string str = "attachment;filename=" + fileName + ".xls"; HttpContext.Current.Response.ContentEncoding = System.Text.Encoding.UTF8; HttpContext.Current.Response.ContentType = "application/ms-excel"; HttpContext.Current.Response.AppendHeader("content-disposition", str); StringWriter sw = new StringWriter(); HtmlTextWriter htmTextWriter = new HtmlTextWriter(sw); dgExcel.RenderControl(htmTextWriter); HttpContext.Current.Response.Write("<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />"); string style = "<style>td{mso-number-format:"@";}</style>";//防止導出excel時將以0開頭的全數字數據的0去掉 HttpContext.Current.Response.Write(style); HttpContext.Current.Response.Write("</head><body>"); HttpContext.Current.Response.Write(sw); HttpContext.Current.Response.Write("</body></html>"); HttpContext.Current.Response.End(); } 最後看一遍這個方法的整個實現過程: 1 通過前台獲取每個選中行的主鍵值, 2 再將所有的鍵值保存到數組,數組轉化成JSON格式, 3 在通過AJAX傳到後台, 4 後台接收,解析JSON,取得JSON中的值, 5 即可查詢數據庫獲得每條選中的數據,將每行數據添加到DataTable中, 6 最後導出為Excel。 這個方法存在的問題:一.前台獲取GridView選中行的主鍵值,通過innerHTML獲取主鍵的位置,也就是說如果HTML中主鍵位置變動,獲取主鍵代碼也要變,這個影響比較大,牽一發而動全身,這樣對系統的靈活性很有影響。 再看第二個方法: TWO 2. 後台直接後去前台GridView表的主鍵集合,獲取到後的實現和上一個方法類似。 ⑴.導出所選操作 代碼如下: <asp:Button ID="Export" runat="server" CssClass="btn-lit" Text="導出所選" OnClick="Export_Click"/> ⑵. 後台button事件 代碼如下: protected void Export_Click(object sender, EventArgs e) { DataSet dsAllFamily = new DataSet(); DataSet dsOneFamily = new DataSet(); Famil