GridView for ASP.NET Web Forms
エクスポートサービス
C1GridView の動作 > エクスポートサービス
トピックの内容

C1 ASP.NET Export Service を使用すると、複雑なエクスポートアプリケーションを作成しなくても、GridView を Excel、CSV、および PDF にエクスポートできます。このサービスはアプリケーションサーバー上に置かれます。

C1 ASP.NET Export Service を使用する利点は次のとおりです。

インストール

Export Service は、インターネットインフォメーションサービス(IIS)上に配布される Web アプリケーションです。 C:\Program Files\ComponentOne\ASP.NET Web Forms フォルダにある C1ASPNETExportService インストーラを実行してください。次のファイルが IIS にインストールされます。

これらのファイルは、次の場所にも格納されています。

C:\ProgramData\ComponentOne\C1ASPNET\C1APNETExportService

システム要件

サービスホストのシステム要件は次のとおりです。

Microsoft Windows 7 または Microsoft Windows Server 2008 R2 では .NetFramework 4.0 をアップデートできます。詳細については、「http://support.microsoft.com/kb/2468871」を参照してください。

GridView のエクスポート設定

グリッドをさまざまな形式でダウンロードするための設定は、次のとおりです。

Excel にエクスポート

CSV にエクスポート

PDF にエクスポート

用途

GridView の内容を Excel、CSVS、または PDF にエクスポートするには、exportGrid メソッドを呼び出します。 GridView を Excel にエクスポートするには、<head> タグと</head> タグの間に次のコードを追加します。

 <script src="http://code.jquery.com/jquery-1.9.1.min.js"
type="text/javascript"></script> 
 <asp:PlaceHolder runat="server">
            <script type="text/javascript">

                $(function () {
                    $("#Button1").click(exportExcel);
                });
   
                // Export 関数
                function exportExcel() {
                    var fileName = "ExportedGrid";
                    var type = "Xls";
                    var excelSetting = {
                        showGridLines: true,
                        autoRowHeight: true,
                        author: "ComponentOne"
                    };
                    var url = "http://demos.componentone.com/ASPNET/ExportService"_
                        + "/exportapi/grid";
                    $("#<%=C1GridView1.ClientID%>").c1gridview("exportGrid", fileName,_
                        type, excelSetting, url);
    }
            </script>
    </asp:PlaceHolder>

GridView を CSV ファイルにエクスポートするには、<head> タグと </head> タグの間に次のコードを追加します。

        <script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>   
 <asp:PlaceHolder ID="PlaceHolder1" runat="server">
            <script type="text/javascript">

                $(function () {
                    $("#Button1").click(exportCsv);
                });
               
                // Export 関数
                function exportCsv() {
                    var fileName = "ExportedGrid";
                    var url = "http://demos.componentone.com/ASPNET/ExportService"_
                               + "/exportapi/grid";
                    $("#<%=C1GridView1.ClientID%>").c1gridview("exportGrid",_
                               fileName, "csv", url);
    }
            </script>
        </asp:PlaceHolder> 

GridView を PDF にエクスポートするには、<head> タグと </head> タグの間に次のコードを追加します。

<script src="http://code.jquery.com/jquery-1.9.1.min.js" type="text/javascript"></script>
    <asp:PlaceHolder ID="PlaceHolder1" runat="server">
            <script type="text/javascript">

                $(function () {
                    $("#Button1").click(exportPdf);
                   
                });

                // PDF 設定
                function getPdfSetting() {
                        return {
                            repeatHeader: true,
                            landscape: true,
                            autoFitWidth: true,
                            pageSize: {
                                width: 300,
                                height: 400
                            },
                            paperKind: 'A4',
                            margins: {
                                top: 50,
                                right: 50,
                                bottom: 50,
                                left: 50
                            },
                            imageQuality:'Low',
                            compression: 'BestCompression',
                            fontType: 'TrueType',
                            author: 'Grapecity',
                            creator: 'Grapecity',
                            subject: 'エクスポート',
                            title: 'Export Document',
                            producer: 'Grapecity',
                            keywords: 'export, pdf',                       
                            encryption: 'NotPermit',
                            ownerPassword: '0000',
                            userPassword: '00000',
                            allowCopyContent: true,
                            allowEditAnnotations: true,
                            allowEditContent: true,
                            allowPrint: true,
                        }                                      
                }    

                // Export 関数               
                    function exportPdf() {
                    var fileName = 'ExportGrid';
                    var pdfSetting = getPdfSetting();
                    var url = "http://demos.componentone.com/ASPNET/ExportService" +_
                         "/exportapi/grid";
                    $("#<%=C1GridView1.ClientID%>").c1gridview("exportGrid", fileName,_
                        "pdf", pdfSetting, url);
                    }

            </script>
</asp:PlaceHolder>

生成される PDF のプロパティを次の図に示します。

ファイルが Internet Explorer でダウンロードされない場合は、Internet Explorer の保護モードをオフにしてファイルをエクスポートするか、 Internet Explorer を管理者として実行します。保護モードをオフにするには、次のようにします。

関連トピック