Wijmo 更優美的jQuery UI部件集：導出Wijmo的GridView到Excel

Wijmo GridView 控件不提供導出Excel檔案的方法。本篇部落格介紹一種将Wijmo的GridView控件儲存到Excel的簡單方法。你可以使用同樣的方法在C1 WebUI GridView上。

步驟1 : 将C1GridView綁定至資料源

第一步是将C1GridView綁定到資料源。為了簡單起見，我們将其綁定到C1Nwind.mdb的Customers表。

Wijmo 更優美的jQuery UI部件集：導出Wijmo的GridView到Excel

步驟2 : 導出C1GridView 至Excel

導出到Excel需要分成兩步。第一步是将GridView儲存至一個HTML字元串。

Web控件有一個RenderControl()方法可以将伺服器端控件的内容輸出到指定的HtmlTextWriter對象。如果啟用了Tracing，該方法還将存儲控件的Trace資訊。然後該HtmlTextWriter對象輸出到一個StringWriter 對象。

下面的方法被用來建立一個字元串：

Public Function DataGridToExcel(ByVal dgExport As C1.Web.Wijmo.Controls.C1GridView.C1GridView) As String

    '建立一個stringwriter

    Dim stringWrite As New System.IO.StringWriter()

    '建立一個使用該stringwriter的htmltextwriter

    Dim htmlWrite As New System.Web.UI.HtmlTextWriter(stringWrite)

    Dim dg As C1.Web.Wijmo.Controls.C1GridView.C1GridView

    'just set the input datagrid = to the new dg grid

    dg = dgExport

    '将header的字型加粗

    dg.HeaderStyle.Font.Bold = True

    '如果需要，這裡是在元件級别改變顔色/格式

    dg.HeaderStyle.ForeColor = System.Drawing.Color.Black

    dg.RowStyle.ForeColor = System.Drawing.Color.Black

    '綁定修改後的datagrid

    '告訴datagrid将自己呈現到我們提供的htmltextwriter

    dg.AllowSorting = False

    dg.AllowPaging = False

    dg.AllowCustomPaging = False

    '新的代碼

    Dim parent As Control = dg.Parent

    parent.Controls.Remove(dg)

    dg.RenderControl(htmlWrite)

    '新的代碼

    parent.Controls.Add(dg)

    '輸出HTML

    Return stringWrite.ToString()

End Function

複制

下一步，我們将在一個Button Click事件中調用這個DownloadToExcel 方法從儲存的字元串建立一個excel檔案。

Public Sub DownloadToExcel(ByVal content As String, ByVal response As HttpResponse)

'清理 response.object

response.Clear()

response.Buffer = True

response.Charset = ""

'設定響應的MIME類型為excel

response.ContentType = "application/vnd.ms-excel"

response.ContentEncoding = New System.Text.UTF8Encoding()

response.Write(content)

response.End()

End Sub

複制

實作時的問題

在相當多的情況下，你會在導出時遇到一些錯誤。你可能會收到一條錯誤資訊：“RegisterForEventValidation 隻能在Render()過程中被調用；”。在這種情況下，請嘗試以下方法：

1. 你可以向下面的文章描述的那樣，重載VerifyRenderingInServerForm 方法：

http://connect.microsoft.com/VisualStudio/feedback/details/118285/rendercontrol-doesnt-work-for-gridview

Public Overrides Sub VerifyRenderingInServerForm(control As Control)

End Sub

2. 為了避免收到“RegisterForEventValidation 隻能在Render()過程中被調用；”異常，可以關閉Page.EnableEventValidation 或者将RenderControl方法調用放置在一個try-catch塊中。

此外，如果gridview包含一個複選框或者一個模闆列，你會收到上面的錯誤。目前已發現微軟釋出的GridView會發生同樣的錯誤。由于C1GridView繼承自微軟釋出的GridView，是以它是C1GridView的已知設計問題。

下載下傳示例

Wijmo下載下傳，請進入Studio for ASP.NET Wijmo 2012 v1正式釋出（2012.03.22更新）!