ComponentOne ASP.NET Export Serviceを使用すると、複雑なエクスポートアプリケーションを作成しなくても、EventsCalendarをExcel、CSV、およびPDFにエクスポートできます。このサービスはアプリケーションサーバー上に置かれます。
ComponentOne ASP.NET Export Serviceを使用する利点は次のとおりです。
Export Serviceは、インターネットインフォメーションサービス(IIS)上に配布されるWebアプリケーションです。C:\Program Files\ComponentOne\ASP.NET Web Forms フォルダにあるC1ASPNETExportServiceインストーラを実行してください。次のファイルがIISにインストールされます。
これらのファイルは、次の場所にも格納されています。
C:\ProgramData\ComponentOne\C1ASPNET\C1ASPNETExportService
サービスホストのシステム要件は次のとおりです。
EventsCalendarをさまざまな形式でダウンロードするための設定は、次のとおりです。
Excelにエクスポート
CSVにエクスポート
PDFにエクスポート
EventsCalendarのコンテンツをExcel、CSV、またはPDFにエクスポートするには、exportEventsCalendar
メソッドを呼び出します。以下の手順では、クリックイベントでエクスポート関数を呼び出すボタンがフォームに追加されているとします。EventsCalendarを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 = "ExportedEventsCalendar"; var type = "Xls"; var excelSetting = { autoRowHeight: true, author: "ComponentOne" }; var url = "http://demos.componentone.com/ASPNET/ExportService" + "/exportapi/eventscalendar"; $("#<%=C1EventsCalendar1.ClientID%>").c1eventscalendar ("exportEventsCalendar", fileName, type, excelSetting, url); } </script> </asp:PlaceHolder>
EventsCalendarを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 = "ExportedEventsCalendar"; var url = "http://demos.componentone.com/ASPNET/ExportService" + "/exportapi/eventscalendar"; $("#<%=C1EventsCalendar1.ClientID%>").c1eventscalendar ("exportEventsCalendar", fileName, "csv", url); } </script> </asp:PlaceHolder>
EventsCalendarを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設定 unction getPdfSetting() { return { repeatHeader: true, landscape: false, autoFitWidth: true, pageSize: { width: 300, height: 400 }, paperKind: 'A3', margins: { top: 50, right: 50, bottom: 50, left: 50 }, imageQuality: 'Low', compression: 'BestCompression', fontType: 'TrueType', author: 'ComponentOne', creator: 'ComponentOne', subject: 'EvCal Export', title: 'Evcal Export', producer: 'ComponentOne', keywords: 'EvCal, EventsCalendar, Export, PDF', encryption: 'NotPermit', ownerPassword: '0000', userPassword: '00000', allowCopyContent: true, allowEditAnnotations: true, allowEditContent: true, allowPrint: true, } } // Export関数 function exportPdf() { var fileName = 'ExportEventsCalendar'; var pdfSetting = getPdfSetting(); ar url = "http://demos.componentone.com/ASPNET/ExportService" + "/exportapi/eventscalendar"; $("#<%=C1EventsCalendar1.ClientID%>").c1eventscalendar ("exportEventsCalendar", { fileName: fileName,exportFileType: wijmo.exporter. ExportFileType["Pdf"], pdf: pdfSetting, serviceUrl: url, theme: "default" }); } </script> </asp:PlaceHolder>
次の図に、生成されるPDFを示します。
ファイルがInternet Explorerでダウンロードされない場合は、Internet Explorerの保護モードをオフにしてファイルをエクスポートするか、Internet Explorerを管理者として実行します。保護モードをオフにするには、次のようにします。