バージョン

データを異なるファイル形式にエクスポート

達成すること

WebDataGrid/WebHierarchicalDataGrid データを異なる Excel™ ファイル形式にエクスポートするように WebExcelExporter を設定および使用する方法を学習します。

始める前に

ここに示すサンプルをコンパイルおよび実行するためには、Ultimate UI for ASP.NET をインストールする必要があります。SQL サーバー（Express またはその他任意のエディション）の実行中のインスタンスも必要となりますが、SQL サーバーのインスタンスに NorthWind データベースを添付することも必要となります。 http://msdn.microsoft.com/ja-JP/library/8b6y4c7s.aspx にある指示に従い NorthWind データベースをインストールするか、 http://www.microsoft.com/downloads/details.aspx?familyid=06616212-0356-46a0-8da2-eebc53a68034&displaylang=en (英語) から直接データベースをダウンロードすることができます。

WebExcelExporter は Microsoft Office Excel 97-2003 ファイル形式を作成します。ただし同じコントロールを使用して Microsoft Office Excel™ 2007 (以後) ファイル形式でデータをエクスポートすることができます。

Microsoft Office Excel 2007 形式でデータをエクスポート

以下の手順に従って Microsoft Office Excel™ 2007 ファイル形式でデータをエクスポートします。

  1. WebHierarchicalDataGrid を WebHierarchicalDataSource コントロールにバインドして Web ページ（ASP.NET Web フォーム）を作成します。

HTML の場合:

<ig:WebHierarchicalDataGrid runat="server" ID="wdgEmpoyees"
            DataSourceID="whdsEmployees"
            DataKeyFields="EmployeeID"
            AutoGenerateColumns="true"
            >
</ig:WebHierarchicalDataGrid>
<asp:SqlDataSource ID="SqlDsEmployees" runat="server"
    ConnectionString="<%$ ConnectionStrings:NorthwindConnectionString %>"
    SelectCommand="SELECT [EmployeeID], [LastName], [FirstName], [Title], [ReportsTo] FROM [Employees]">
</asp:SqlDataSource>
<ig:WebHierarchicalDataSource ID="whdsEmployees" runat="server">
    <DataViews>
        <ig:DataView ID="vEmployees" DataSourceID="SqlDsEmployees" />
    </DataViews>
    <DataRelations>
        <ig:DataRelation          ChildDataViewID="vEmployees" ChildColumns="ReportsTo"          ParentDataViewID="vEmployees" ParentColumns="EmployeeID" />
    </DataRelations>
</ig:WebHierarchicalDataSource>

  1. WebExcelExporter コントロールを Visual Studio Toolbox からページにドラッグします。

    1. WebExcelExporter の ExportMode プロパティを Download に設定します。

    2. コントロールの ID プロパティを WebExcelExporter に設定します。

    3. コントロールの DownloadName プロパティを "ExportedData" に設定します。

HTML の場合:

<ig:WebExcelExporter runat="server" ID="WebExcelExporter" ExportMode ="Download" DownloadName="ExportedData" />

  1. Button コントロールを Visual Studio Toolbox からページにドラッグします。

    1. ボタンの ID プロパティを btnExport に設定します。

    2. コントロールの Text プロパティを「データのエクスポート」に設定します。

    3. コントロールの OnClick を btnExport_Click に設定します。

    4. コード ビハインドで btnExport_Click ハンドラーを定義し、WebExcelExporter の Export() メソッド オーバーロードのひとつを呼び出します。

コード ビハインド（C#）の場合:

protected void btnExport_Click(object sender, EventArgs e)

{

Infragistics.Documents.Excel.WorkbookFormat excelFormat = Infragistics.Documents.Excel.WorkbookFormat.Excel2007;

Infragistics.Documents.Excel.Workbook wBook = new Infragistics.Documents.Excel.Workbook(excelFormat);

this.WebExcelExporter.Export(this.wdgEmpoyees, wBook);

}

HTML の場合:

<asp:Button runat="server" ID="btnExport" Text="データのエクスポート" OnClick="btnExport_Click" />

  1. アプリケーションを実行します。

  2. [データのエクスポート] ボタンをクリックします。

[データのエクスポート] ボタンをクリックした後、ブラウザーで "ExportedData.xls" という名前のファイルを開くのかそれとも保存するのかを尋ねられます。

WebExcelExporter Exporting Data into Different File Formats 01.png

注： ExportedData.xlsx ファイルは Grid の表示可能なデータしか含みません。