DevExpress のエクセル出力設定のサンプルです。
今回はボタンを用意して、ボタンクリックでエクセル出力（XLSX）を行います。
「ファイル出力」は5パターン可能です。
1パターン：エクセル（XLSX）
2パターン：エクセル（XLS）
3パターン：アクロバット（PDF）
4パターン：ワード（RTF）
5パターン：テキスト（CSV）
設定する内容は4点です。
1点目：グリッドエクスポーターを配置
2点目：グリッドエクスポーターの対象グリッドを指示
3点目：ボタンを配置
4点目：ボタンのクリックイベントで「エクセル出力」を指示
「ASPxGridView」、「ASPxGridViewExporter」、「ASPxButton」を使用します。
現状の画面デザインはこのようになっています。
「ASPxGridViewExporter」、「ASPxButton」オブジェクトのプロパティを変更していきます。
※プロパティ画像は「グループ表示」
＜エクセル出力設定（XLSX）＞
1点目：グリッドエクスポーターを配置
【自動生成PG】
|
1 2 |
<dx:ASPxGridViewExporter ID="ASPxGridViewExporter1" runat="server"> </dx:ASPxGridViewExporter> |
↓
2点目：グリッドエクスポーターの対象グリッドを指示
「GridViewID=”ASPxGridView1″」に変更します。
↓
3点目：ボタンを配置
ボタン（ASPxButton）を配置して、「Text=”エクセル出力（xlsx）”」に変更します。
※テーマも変更しています。
【自動生成PG】
|
1 2 3 |
<dx:ASPxButton ID="ASPxButton1" runat="server" Text="エクセル出力（xlsx）" Theme="RedWine"> </dx:ASPxButton> |
↓
4点目：ボタンのクリックイベントで「エクセル出力」を指示
ボタン（ASPxButton）オブジェクトをダブルクリックして、
ボタンクリックイベントを作成します。（VB.net側）
「ASPxGridViewExporter1.WriteXlsxToResponse()」を記述します。
【生成PG（vb側）】
|
1 2 3 |
Protected Sub ASPxButton1_Click(sender As Object, e As EventArgs) Handles ASPxButton1.Click ASPxGridViewExporter1.WriteXlsxToResponse() End Sub |
【aspx側】
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
<div> <dx:ASPxButton ID="ASPxButton1" runat="server" Text="エクセル出力（xlsx）" Theme="RedWine"> </dx:ASPxButton> </div> <div> <dx:ASPxGridViewExporter ID="ASPxGridViewExporter1" runat="server" GridViewID="ASPxGridView1"> </dx:ASPxGridViewExporter> <asp:AccessDataSource ID="AccessDataSource1" runat="server" DataFile="~/App_Data/TestDB.mdb" SelectCommand="SELECT * FROM [県名]" DeleteCommand="DELETE FROM [県名] WHERE [ID] = ?" InsertCommand="INSERT INTO [県名] ([地方名], [都道府県名], [都道府県めい], [都道府県MEI], [県庁所在地名], [県庁所在地めい]) VALUES (?, ?, ?, ?, ?, ?)" UpdateCommand="UPDATE [県名] SET [地方名] = ?, [都道府県名] = ?, [都道府県めい] = ?, [都道府県MEI] = ?, [県庁所在地名] = ?, [県庁所在地めい] = ? WHERE [ID] = ?"> <DeleteParameters> <asp:Parameter Name="ID" Type="Int32" /> </DeleteParameters> <InsertParameters> <asp:Parameter Name="地方名" Type="String" /> <asp:Parameter Name="都道府県名" Type="String" /> <asp:Parameter Name="都道府県めい" Type="String" /> <asp:Parameter Name="都道府県MEI" Type="String" /> <asp:Parameter Name="県庁所在地名" Type="String" /> <asp:Parameter Name="県庁所在地めい" Type="String" /> </InsertParameters> <UpdateParameters> <asp:Parameter Name="地方名" Type="String" /> <asp:Parameter Name="都道府県名" Type="String" /> <asp:Parameter Name="都道府県めい" Type="String" /> <asp:Parameter Name="都道府県MEI" Type="String" /> <asp:Parameter Name="県庁所在地名" Type="String" /> <asp:Parameter Name="県庁所在地めい" Type="String" /> <asp:Parameter Name="ID" Type="Int32" /> </UpdateParameters> </asp:AccessDataSource> <dx:ASPxGridView ID="ASPxGridView1" runat="server" AutoGenerateColumns="False" DataSourceID="AccessDataSource1" KeyFieldName="ID" Theme="RedWine" Width="100%" ClientInstanceName="grid"> <Columns> <dx:GridViewCommandColumn ShowClearFilterButton="True" VisibleIndex="0" ShowDeleteButton="True" ShowEditButton="True" ShowNewButtonInHeader="True" FixedStyle="Left"> <CellStyle Wrap="False" BackColor="#FFCCCC"> </CellStyle> </dx:GridViewCommandColumn> <dx:GridViewDataTextColumn FieldName="ID" ReadOnly="True" VisibleIndex="1" Visible="False"> <EditFormSettings Visible="False" /> </dx:GridViewDataTextColumn> <dx:GridViewDataTextColumn FieldName="地方名" VisibleIndex="2"> </dx:GridViewDataTextColumn> <dx:GridViewBandColumn Caption="都道府県" VisibleIndex="8"> <Columns> <dx:GridViewDataTextColumn FieldName="都道府県名" VisibleIndex="0"> </dx:GridViewDataTextColumn> <dx:GridViewDataTextColumn FieldName="都道府県めい" VisibleIndex="1"> </dx:GridViewDataTextColumn> <dx:GridViewDataTextColumn FieldName="都道府県MEI" VisibleIndex="2"> <Settings AutoFilterCondition="Contains" HeaderFilterMode="CheckedList" /> </dx:GridViewDataTextColumn> </Columns> <HeaderStyle HorizontalAlign="Center" /> </dx:GridViewBandColumn> <dx:GridViewBandColumn Caption="県庁所在地" VisibleIndex="9"> <Columns> <dx:GridViewDataTextColumn FieldName="県庁所在地名" VisibleIndex="0"> </dx:GridViewDataTextColumn> <dx:GridViewDataTextColumn FieldName="県庁所在地めい" VisibleIndex="1" Width="120px"> </dx:GridViewDataTextColumn> </Columns> <HeaderStyle HorizontalAlign="Center" /> </dx:GridViewBandColumn> </Columns> <SettingsBehavior AutoFilterRowInputDelay="15000" AllowSelectByRowClick="True" AllowSelectSingleRowOnly="True" ConfirmDelete="True" /> <SettingsPager Position="TopAndBottom"> <AllButton Visible="True"> </AllButton> <FirstPageButton Visible="True"> </FirstPageButton> <LastPageButton Visible="True"> </LastPageButton> <Summary Position="Right" /> <PageSizeItemSettings Items="5, 10, 15, 20, 25, 30, 35, 40, 45, 50" Visible="True"> </PageSizeItemSettings> </SettingsPager> <SettingsEditing Mode="PopupEditForm"> <BatchEditSettings EditMode="Row" StartEditAction="DblClick" /> </SettingsEditing> <Settings ShowGroupedColumns="True" ShowGroupPanel="True" ShowFilterRow="True" ShowHeaderFilterButton="True" /> <SettingsText ConfirmDelete="対象データを削除しますが宜しいですか？" /> <Styles> <AlternatingRow Enabled="True"> </AlternatingRow> </Styles> </dx:ASPxGridView> </div> |
【vb側】
|
1 2 3 4 5 6 7 8 9 10 11 |
Public Class WebForm1 Inherits System.Web.UI.Page Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load End Sub Protected Sub ASPxButton1_Click(sender As Object, e As EventArgs) Handles ASPxButton1.Click ASPxGridViewExporter1.WriteXlsxToResponse() End Sub End Class |
↓
「エクセル出力（xlsx）」ボタンが表示されます。
↓
「エクセル出力（xlsx）」ボタンをクリックすると、エクセル出力を開始します。
↓
エクセル出力した内容を確認します。
