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を管理者として実行します。保護モードをオフにするには、次のようにします。