おやじプログラマー日記: ASP.NET:PageRequestManagerクラスによるCSVダウンロードの方法（UpdatePanel）

2016年6月 1日 (水)

ASP.NET:PageRequestManagerクラスによるCSVダウンロードの方法（UpdatePanel）

UpdatePanelの中に設置されたボタンコントロールによりCSVファイルをダウンロードさせるには、少し工夫が必要です。

ボタンクリック時には非同期処理のポストバックが行われますが、このポストバックの直前のタイミングをとらえて、 CSVファイルのダウンロードするページをコールしてやります。

別ページを起動するわけにもいかないので、「iframe」のタグを生成しそのURLにCSVファイルのダウンロードするページを設定してやります。

以下に、CSVファイルのダウンロードを起動するページのソースを示します。
<html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> </head> <body> <form id="form1" runat="server"> <div> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <script type="text/javascript"> // 非同期ポストバックの開始前に呼び出されるイベント・ハンドラを追加 var ins = Sys.WebForms.PageRequestManager.getInstance(); ins.add_initializeRequest(InitializeRequest); // イベント・ハンドラ function InitializeRequest(sender, args) { // CSVダウンロードボタン実行 if (sender._postBackSettings.sourceElement.id == "ButtonCsv") { //iframeを作成しURLを設定することでCSVダウンロードを起動 var iframe = document.getElementById("IframeCsv") if (iframe) { document.body.removeChild(iframe); } var iframe = document.createElement("iframe"); iframe.id = "IframeCsv"; iframe.src = "DownloadCsv.aspx"; iframe.style.display = "none"; document.body.appendChild(iframe); } } </script> <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Button runat="server" ID="ButtonCsv" Text="Download Csv" /> </ContentTemplate> </asp:UpdatePanel> </div> </form> </body> </html>
CSVファイルを実際にダウンロード処理するソースは以下の様になります。ファイルの内容は例ですので適当な内容にしてあります。
Public Partial Class DownloadCsv Inherits System.Web.UI.Page Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load '簡単なCSVデータの生成 Dim strCSV As String = "Data1,Data2" & vbCrLf strCSV &= """AAAAAAAA"",""1111111111""" & vbCrLf strCSV &= """BBBBBBB"",""2222222222""" & vbCrLf strCSV &= """CCCCCCCC"",""33333333""" & vbCrLf strCSV &= """DDDDDDD"",""4444444""" & vbCrLf 'ダウンロード処理 Response.ClearContent() 'Response情報クリア Response.Buffer = True 'バッファリング Response.AddHeader("Content-Disposition", "attachment; filename=CsvSample.csv") 'HTTPヘッダー情報設定 Response.ContentType = "text/comma-separated-values" Response.Write(strCSV) 'ファイル書込 Response.Flush() 'フラッシュ Response.End() 'レスポンス終了 End Sub End Class