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
サービスホストのシステム要件は次のとおりです。
グリッドをさまざまな形式でダウンロードするための設定は、次のとおりです。
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 を管理者として実行します。保護モードをオフにするには、次のようにします。