エクスポート設定のカスタマイズ

名前	型	説明
セクションレポート、ページ／RDLレポート共通
MultiSheet	Boolean	レポートを1枚のExcelシートとして作成するかマルチシートとして生成するかを設定します。セクションレポートの既定値はfalseで、ページ／RDLレポートの既定値はtrueです。
SheetName	String	Excelファイルに出力した際の、シートの名前を設定します。既定値は、Sheetです。
UseDefaultPalette	Boolean	ドキュメントをExcelのデフォルトパレットを使用してエクスポートするかどうかを設定します。解説：この値をtrueに設定すると、アプリケーションはデフォルトパレット色、およびコントロールの前景色と背景色の事前定義されたカスタム色に最も近い色を使用します。デフォルトは「false」です。
Orientation	Default \| Portrait \|Landscape	Excelシートの印刷の向きを設定します。
PaperSize	Default \| Letter \| LetterSmall \| Tabloid \| Ledger \| Legal \| Statement \| Executive \| A3 \| A4 \| A4Small \| A5 \| B4 \| B5	Excelシートの印刷用紙サイズを設定します。
Password	String	Excelファイルを開くために必要なパスワードを入力します。
ProtectedBy	String	Excelファイルをパスワードで保護するユーザー名を設定します。
ReadOnlyRecommended	Boolean	Excelファイルが読み取り専用推奨として保存されたかどうかを示します。既定値は、falseです。
WritePassword	String	Excelファイルの書き込みパスワードを設定します。
FileName	String	Excelファイルの名前を設定します。
セクションレポートのみ
FileFormat	Xls97Plus \| Xls95	出力するExcelファイルのバージョンを設定します。デフォルトは「Xls97Plus」です。
AutoRowHeight	Boolean	行内で最も大きいオブジェクトに合わせて、Excelが自動的に行の高さを調整するかどうかを指定します。ページネーションに影響を与える可能性があるため、慎重に選択します。既定値は、falseです。
DisplayGridLines	Boolean	ワークブック内のグリッド線を表示するかどうかを示します。既定値は、trueです。
Pagination	Boolean	出力するExcelファイルをページ化するかどうかを示します。
ページ／RDLレポートのみ
EnableToggles	Boolean	テーブルの詳細およびグループから折りたたみ可能な行にトグルをエクスポートするかどうかを指定します。既定値は、falseです。
LayoutMode	Galley \| Paginated	出力するExcelファイルに使用するレイアウトモードを示します。
RightToLeft	Boolean	シートを右から左に表示します。内容は鏡像になりません。既定値は、falseです。

Excelブック（.xls）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
        let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
                    xls: {
                        /* only rdlx */
                        EnableToggles: { value: true },
                        LayoutMode: { value: 'Galley' },
                        RightToLeft: { value: true },
                        /* only rpx */
                        FileFormat: { value: 'Xls95' },
                        AutoRowHeight: { value: true },
                        DisplayGridLines: { value: true },
                        Pagination: { value: false },
                        /* both (rdlx and rpx) */
                        MultiSheet: { value: false },
                        SheetName: { value: 'Sheet_xls' },
                        UseDefaultPalette: { value: true },
                        Orientation: { value: 'Landscape' },
                        PaperSize: { value: 'A5' },
                        Password: { value: '123456' },
                        ProtectedBy: { value: 'USER' },
                        ReadOnlyRecommended: { value: true },
                        WritePassword: { value: '123456' },
                        FileName: { value: "ar16" }
                    },
                }
            });
            viewer.openReport("DemoReport.rdlx");
        }
    </script>
</body>
</html>

Excelブック（.xlsx）

名前	型	説明
セクションレポート、ページ／RDLレポート共通
MultiSheet	Boolean	レポートを1枚のExcelシートとして作成するかマルチシートとして生成するかを設定します。セクションレポートの既定値はfalseで、rdlxの既定値はtrueです。
SheetName	String	Excelファイルに出力した際の、シートの名前を設定します。既定値は、Sheetです。
UseDefaultPalette	Boolean	ドキュメントをExcelのデフォルトパレットを使用してエクスポートするかどうかを設定します。解説：この値をtrueに設定すると、アプリケーションはデフォルトパレット色、およびコントロールの前景色と背景色の事前定義されたカスタム色に最も近い色を使用します。デフォルトは「false」です。
OutputFormat	Transitional \| Strict
UseCompression	Boolean	Xlsxファイルへのエクスポート時に圧縮を使用するかどうかを示します。デフォルトはtrueです。
Orientation	Default \| Portrait	Excelシートの印刷の向きを設定します。
PaperSize	Default \| Letter \| LetterSmall \| Tabloid \| Ledger \| Legal \| Statement \| Executive \| A3 \| A4 \| A4Small \| A5 \| B4 \| B5	Excelシートの印刷用紙サイズを設定します。
Password	String	Excelファイルを開くために必要なパスワードを入力します。
ProtectedBy	String	Excelファイルをパスワードで保護するユーザー名を設定します。
ReadOnlyRecommended	Boolean	Excelファイルが読み取り専用推奨として保存されたかどうかを示します。既定値は、falseです。
WritePassword	String	Excelファイルの書き込みパスワードを設定します。
FileName	String	Excelファイルの名前を設定します。
セクションレポートのみ
AutoRowHeight	Boolean	行内で最も大きいオブジェクトに合わせて、Excelが自動的に行の高さを調整するかどうかを指定します。ページネーションに影響を与える可能性があるため、慎重に選択します。既定値は、falseです。
DisplayGridLines	Boolean	ワークブック内のグリッド線を表示するかどうかを示します。既定値は、trueです。
Pagination	Boolean	出力するExcelファイルをページ化するかどうかを示します。
OpenXmlStandard	Transitional (default) \| Strict	Xlsxファイル形式でエクスポートする際、OpenXMLドキュメントのエディション（厳密型または移行型）を設定します。厳密型（Strict）を使用して生成されたExcelファイルは、iOSデバイスでは表示できません。
ページ／RDLレポートのみ
EnableToggles	Boolean	テーブルの詳細およびグループから折りたたみ可能な行にトグルをエクスポートするかどうかを指定します。既定値は、falseです。
LayoutMode	Galley \| Paginated	出力するExcelファイルに使用するレイアウトモードを示します。
RightToLeft	Boolean	シートを右から左に表示します。内容は鏡像になりません。既定値は、falseです。

Excelブック（.xlsx）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
        let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
                  xlsx: {
                      /* only rdlx */
                      EnableToggles: { value: true },
                      LayoutMode: { value: 'Galley' },
                      RightToLeft: { value: true },
                      OutputFormat: { value: 'Strict' },
                      /* only rpx */
                      AutoRowHeight: { value: true },
                      DisplayGridLines: { value: false },
                      Pagination: { value: false },
                      OpenXmlStandard: { value: 'Strict' },
                      /* both (rdlx and rpx) */
                      MultiSheet: { value: false },
                      SheetName: { value: 'Sheet_xls' },
                      UseDefaultPalette: { value: true },
                      OutputFormat: { value: 'Strict' },
                      UseCompression: { value: false },
                      Orientation: { value: 'Landscape' },
                      PaperSize: { value: 'A5' },
                      Password: { value: '123456' },
                      ProtectedBy: { value: 'USER' },
                      ReadOnlyRecommended: { value: true },
                      WritePassword: { value: '123456' },
                      FileName: { value: "ar16" }
                  },
                }
            });
            viewer.openReport("DemoReport.rdlx");
        }
    </script>
</body>
</html>

Word文書（*.doc）

Word文書へのエクスポートは、ページ／RDLレポートでのみ使用できます。

Name	Type	説明
Author	String	ドキュメントの作成者の名前を入力します。
BaseUrl	String	ドキュメント内で使用される相対ハイパーリンクのベースURLを入力します。
Generator	String	ドキュメントの生成元のを入力します。
PageHeight	Integer	描画するドキュメントのページの高さを設定します。
PageWidth	Integer	描画するドキュメントのページの幅を設定します。
Title	String	ドキュメントのタイトルを入力します。
FileName	String	ドキュメントの名前を入力します。

Word文書（*.doc）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
 <html lang="en">
<head>
     <meta charset="utf-8">
     <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <meta name="theme-color" content="#000000">
     <title>JS Viewer</title>
     <link href="jsViewer.min.css" rel="stylesheet">
     <link href="index.css" rel="stylesheet">
 </head>
<body onload="loadViewer()">
     <div style="width: 100%">
         <div id="viewerContainer"></div>
     </div>
     <script type="text/javascript" src="jsViewer.min.js"></script>
     <script type="text/javascript">
         let viewer;
        function loadViewer() {
             viewer = GrapeCity.ActiveReports.JSViewer.create({
                 element: '#viewerContainer',
                defaultExportSettings: {
                  doc: {
                      Author: { value: 'USER', visible: true },
                      BaseHref: { value: 'www.com' },
                      Generator: { value: 'Created by USER' },
                      PageHeight: { value: '10' },
                      PageWidth: { value: '5' },
                      Title: { value: 'TITLE_01' },
                      FileName: { value: 'ar16_doc', visible: true }
                  },
                }
            });
             viewer.openReport("DemoReport.rdlx");
         }
     </script>
 </body>
 </html>

Word文書（*.docx）

Word文書へのエクスポートは、ページ／RDLレポートでのみ使用できます。

名前	型	説明
Author	String	ドキュメントの作成者の名前を入力します。
CompanyName	String	Word文書の会社名を入力します。
DocumentCompatibilityVersion	Word2007 \| Word2010 \| Word2013 (default)	Word文書のバージョンを入力します。
DpiX	Integer	カスタムレポートアイテムの水平解像度を設定します。デフォルト値は96です。
DpiY	Integer	カスタムレポートアイテムの垂直解像度を設定します。デフォルト値は96です。
Title	String	Word文書のタイトルを入力します。
TOCAutoUpdate	Boolean	TOCコントロールを自動的に更新するマクロをドキュメントに入力するかどうかを示します。デフォルトはfalseです。
Orientation	Default \| Portrait \| Landscape	Word文書の印刷の向きを設定します。
PaperSize	Default \| Letter \| LetterSmall \| Tabloid \| Ledger \| Legal \| Statement \| Executive \| A3 \| A4 \| A4Small \| A5 \| B4 \| B5	Word文書の印刷用紙サイズを設定します。
Password	String	Word文書を開くために必要なパスワードを入力します。
ReadOnlyRecommended	Boolean	Word文書が読み取り専用推奨として保存されたかどうかを示します。既定値は、falseです。
WritePassword	String	Word文書の書き込みパスワードを設定します。
FileName	String	Word文書の名前を入力します。

Word文書（*.docx）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
        let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
                    docx: {
                        Author: { value: 'USER' },
                        CompanyName: { value: 'USER_COMPANY' },
                        DocumentCompatibilityVersion: { value: 'Word2010' },
                        DpiX: { value: 80 },
                        DpiY: { value: 80 },
                        Title: { value: 'TITLE_01' },
                        TOCAutoUpdate: { value: true },
                        Orientation: { value: 'Portrait' },
                        PaperSize: { value: 'B4' },
                        Password: { value: '123456' },
                        ReadOnlyRecommended: { value: true },
                        WritePassword: { value: '123456' },
                        FileName: { value: 'ar16_doc' }
                    },
                }
            });
            viewer.openReport("DemoReport.rdlx");
        }
    </script>
</body>
</html>

PDFファイル（*.pdf）

名前	型	説明
セクションレポート、ページ／RDLレポート共通
Title	String	ドキュメントのタイトルを入力します。
Author	String	ドキュメントの作成者の名前を入力します。
Subject	String	ドキュメントのサブタイトルを入力します。
Keywords	String	ドキュメントに関連したキーワードを設定します。
Application	String	PDFリーダーの［文書のプロパティ］ダイアログの「概要」タブの［アプリケーション］フィールドに表示する文字列を設定します。
EmbedFonts	Partial(default) \| All \| None	レポートで使用しているフォントをPDFファイルに埋め込むかどうかを設定します。
Version	Pdf12 \| Pdf13 \| Pdf14(default) \| Pdf15 \| Pdf16 \| Pdf17 \| PDFA1a \| PDFA1b \| PDFA2a \| PDFA2b \| PDFA2u \| PDFA3a \| PDFA3b \| PDFA3u \| PDFUA1	PDFファイルのバージョンを設定します。
UserPassword	String	ユーザーパスワードを設定します。
OwnerPassword	String	オーナーパスワードを設定します。オーナーパスワードを入力すると、設定されたユーザー権限に関わらずドキュメントへの完全なアクセスが許可になります。
Encrypt	Boolean	ドキュメントが暗号化されるかどうかを設定します。デフォルトはfalseです。
FileName	String	PDFドキュメントの名前を入力します。
セクションレポートのみ
ConvertMetaToPng	Boolean	メタファイルをPNGファイルに変換するかどうかを設定します。デフォルトはfalseです。
ExportBookmarks	Boolean	ブックマークをPDFドキュメントにエクスポートするかどうかを設定します。デフォルトはtrueです。
ImageInterpolation	None (default) \| Auto	文書内の画像を補間するかどうかを指定します。デフォルトはNoneです。
ImageQuality	Medium (default) \| Lowest \| Highest	メタファイルをエクスポートする際の画像の品質を設定します。レポートでJPG画像が使用されている場合、変換せずに直接PDFに書き込まれます。他の画像形式では変換が発生する可能性があり、この値が影響します。

PDFファイル（*.pdf）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
        let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
                    pdf: {
                        /*only for rpx*/
                        ConvertMetaToPng: { value: true },
                        ExportBookmarks: { value: false },
                        ImageInterpolation: { value: 'Auto' },
                        ImageQuality: { value: 'Highest' },
                        /*both (rdlx and rpx)*/
                        Title: { value: 'Document' },
                        Author: { value: 'USER' },
                        Subject: { value: 'PDF' },
                        Keywords: { value: 'PDF export' },
                        Application: { value: 'AR16' },
                        EmbedFonts: { value: 'All' },
                        Version: { value: 'Pdf-15' },
                        UserPassword: { value: 'user_pwd' },
                        OwnerPassword: { value: 'owner_pwd' },
                        Encrypt: { value: true },
                        FileName: { value: 'ar16_pdf', visible: true }
                    },
                }
            });
            viewer.openReport("DemoReport.rdlx");
        }
    </script>
</body>
</html>

CSVファイル（CSV）

CSVへのエクスポートは、ページ／RDLレポートでのみ使用できます。

名前	型	説明
ColumnsDelimiter	, (default) \| .	区切り文字を設定します。
Encoding	utf-8(default) \| us-ascii \| utf-16	出力ファイルのエンコードを設定します。
NoHeader	Boolean	出力からヘッダー行を除外するかどうかを設定します。既定値は、falseです。
QuotationMode	Auto quote (default) \| Always quote	データに応じて自動でテキスト修飾子を追加するか、必ずテキスト修飾子を追加するかを指定します。
QuotationSymbol	" (default) \| \	テキスト修飾子を設定します。
RowsDelimiter	\r\n (default) \| \r\n\r\n	改行コードを設定します。
DateTimeFormat	String	日付データの書式を設定します。（例）　"MM/dd/yyyy H:mm"
NumericFormat	String	数値データの書式を設定します。（例）　"0.####"
FileName	String	CSVドキュメントの名前を入力します。

CSVファイル（CSV）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
        let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
                    csv: {
                        ColumnsDelimiter: { value: '.' },
                        Encoding: { value: 'utf-16' },
                        NoHeader: { value: true },
                        QuotationMode: { value: "Always quote", visible: true },
                        QuotationSymbol: { value: '\'' },
                        RowsDelimiter: { value: '\\r\\n\\r\\n' },
                        DateTimeFormat: { value: 'MM/dd/yyyy H:mm' },
                        NumericFormat: { value: 'money' },
                        FileName: { value: 'ar16_csv' }
                    },
                }
            });
            viewer.openReport("DemoReport.rdlx");
        }
    </script>
</body>
</html>

JSONファイル（JSON）

JSONへのエクスポートは、ページ／RDLレポートでのみ使用できます。

名前	型	説明
Formatted	Boolean	読みやすくするために、タブとスペースでフォーマットするかを設定します。既定値は、trueです。
QuotePropertyNames	Boolean	プロパティ名を引用符で囲むかを設定します。既定値は、falseです。
FileName	String	JSONドキュメントの名前を入力します。

JSONファイル（JSON）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
        let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
                    json: {
                        Formatted: { value: false },
                        QuotePropertyNames: { value: true },
                        FileName: { value: 'ar16_json' }
                    },
                }
            });
            viewer.openReport("DemoReport.rdlx");
        }
    </script>
</body>
</html>

XMLファイル（XML）

XMLへのエクスポートは、ページ／RDLレポートでのみ使用できます。

名前	型	説明
Encoding	UTF-8 (default) \| ASCII \| Unicode	出力に使用するエンコードスキーマを設定します。
XslStyleSheet	String	出力処理に使用するXSLスタイルシートを設定します。
FileName	String	XMLドキュメントの名前を入力します。

XMLファイル（XML）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
        let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
                    xml: {
                        Encoding: { value: 'Unicode' },
                        FileName: { value: 'ar16_xml' }
                    },
                }
            });
            viewer.openReport("DemoReport.rdlx");
        }
    </script>
</body>
</html>

TIFF画像（TIFF）

名前	型	説明
セクションレポート、ページ／RDLレポート共通
Dither	Boolean	TIFF画像としてレンダリングされるレポートに使用する圧縮のタイプを選択します。既定値は、falseです。
DpiX	Integer	レンダリング画像の水平解像度を設定します。既定値は、200です。
DpiY	Integer	レンダリング画像の垂直解像度を設定します。既定値は、196です。
FileName	String	TIFF画像の名前を入力します。
セクションレポートのみ
Pagination	Boolean	レポート全体を単一の画像としてレンダリングする場合は、この値をFalseに設定します。この値をTrueにすると、レポートの各ページが別個の画像としてレンダリングされます。
CompressionScheme	Ccitt3 (default) \| None \| Rle \| Ccitt4 \| Lzw	TIFFファイルのエクスポート時に使用する圧縮方法を指定します。
ページ／RDLレポートのみ
Compression	Ccitt3 (default) \| None \| Rle \| Ccitt4 \| Lzw	TIFF画像としてレンダリングされるレポートに使用する圧縮のタイプを選択します。

TIFF画像（TIFF）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
        let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
                  tiff: {
                      /* only for rpx */
                      Pagination: { value: false },
                      CompressionScheme: { value: 'None' },
                      /* only for rdlx */
                      Compression: { value: 'None' },
                      /*both (rdlx and rpx)*/
                      Dither: { value: true },
                      DpiX: { value: 150 },
                      DpiY: { value: 140 },
                      FileName: { value: 'ar16_tiff' }
                   },
                }
            });
            viewer.openReport("DemoReport.rdlx");
        }
    </script>
</body>
</html>

リッチテキスト形式（RTF）

リッチテキスト形式へのエクスポートは、セクションレポートでのみ使用できます。

名前	型	説明
EnableShapes	Boolean	図形と線をRTF形式にエクスポートするかどうかを指定します。正しく表示するには、Microsoft Wordが必要です。既定値は、falseです。
Pagination	Boolean	出力するRTFファイルをページ化するかどうかを設定します。既定値は、trueです。
FileName	String	RTFドキュメントの名前を入力します。

リッチテキスト形式（RTF）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
        let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
                    rtf: {
                        EnableShapes: { value: true },
                        Pagination: { value: false },
                        FileName: {
                            value: 'ar16_mht'
                        }
                    },
                }
            });
            viewer.openReport("Invoice.rpx");
        }
    </script>
</body>
</html>

Webアーカイブ（MHT）

名前	型	説明
セクションレポート、ページ／RDLレポート共通
FileName	String	MHTドキュメントの名前を入力します。
セクションレポートのみ
BookmarkStyle	Html (default) \| None	ドキュメントにブックマークが含まれる場合に、ブックマークのページを作成するかどうかを設定します。
CharacterSet	UnicodeUtf8 (default) \| Big5 \| EucJp \| HzGb2312 \| Ibm850 \| Iso2022Jp \| Iso8859_1 \| Iso8859_2 \| Iso8859_5 \| Iso8859_6 \| Koi8r \| ShiftJis \| UnicodeUtf16	出力後のHTMLページで使用する文字セットのエンコーディングを設定します。
CreateFramesetPage	Boolean	HTMLページをフレームセット内に表示するかどうかを設定します。HTML出力では、拡張子が.frame.htmlの指定されたファイル名が使用されます。既定値は、falseです。
IncludeHtmlHeader	Boolean	出力後のHTMLファイルに、HTML、HEAD、BODYなどのページヘッダ要素を含めるかどうかを設定します。既定値は、trueです。
IncludePageMargins	Boolean	Pageの余白を出力に含めるかどうかを設定します。既定値は、falseです。
MultiPage	Boolean	ドキュメントに対して複数のHTMLページを生成するかどうかを設定します。既定値は、falseです。
OutputType	DynamicHtml (default) \| LegacyHtml	ドキュメントのエクスポートに使用するHTML出力の形式を設定します。
Pagination	Boolean	出力するHTMLファイルをページ化するかどうかを設定します。既定値は、trueです。
RemoveVerticalSpace	Boolean	完全に空の垂直方向の余白はある場合に、それを出力から削除するかどうかを設定します。既定値は、falseです。
Title	String	出力後のHTMLページに使用するタイトルを設定します。
ページ／RDLレポートのみ
Fragment	Boolean	bodyタグの内側にあるコンテンツのみを返す（Webページに埋め込むため）場合は、Trueに設定します。Falseに設定すると、HTMLテキスト全体が返されます。
OutputTOC	Boolean	目次が存在する場合、それを出力に含める必要があるかどうかを示します。既定値は、trueです。
LinkTarget	_blank (default) \| [window_name]: _self \| _parent \| _top	レポート内に含められるハイパーリンクのターゲットの値を入力します。 _blankの値を設定すると、新しいウィンドウが開きます。 _selfの値を設定すると、同じウィンドウ内で開きます。 _topの値を設定すると、新しいページを開き、ウィンドウ全体にロードします。 _parentは_topと同じですが、ネストされたフレームの場合はフレームの直接の親を指します。
Mode	Paginated (default) \| Galley	エクスポートされたドキュメントに使用するレイアウトモードを指定します。 Paginatedは、各ページをHTMLドキュメント内のセクションとしてページヘッダおよびフッタとともにレンダリングします。 Galleyは、単一のページヘッダおよびフッタを表示した1枚の長いページとしてレンダリングします。

Webアーカイブ（MHT）のエクスポート設定をカスタマイズする

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
         let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
                  mht: {
                      /* only for rdlx */
                      Fragment: { value: true },
                      OutputTOC: { value: false },
                      LinkTarget: { value: '_top' },
                      Mode: { value: 'Galley' },
                      /* only for rpx */
                      BookmarkStyle: { value: 'None' },
                      CharacterSet: { value: 'Big5' },
                      CreateFramesetPage: { value: true },
                      IncludeHtmlHeader: { value: false },
                      IncludePageMargins: { value: true },
                      MultiPage: { value: true },
                      OutputType: { value: 'LegacyHtml' },
                      Pagination: { value: false },
                      RemoveVerticalSpace: { value: true },
                      Title: { value: 'TITLE_01' },
                      /*both (rdlx and rpx)*/
                      FileName: { value: 'ar16_mht' }
                  },
                 }
            });
            viewer.openReport("DemoReport.rdlx");
        }
    </script>
</body>
</html>

エクスポート設定を非表示にする

エクスポート設定を非表示にするには、valueプロパティとvisibleプロパティをfalseに指定します。

次のコードは、すべてのWord文書（*.doc）エクスポート設定を非表示にします。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <link rel='shortcut icon' type='image/x-icon' href='favicon.ico' />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="theme-color" content="#000000">
    <title>JS Viewer</title>
    <link href="jsViewer.min.css" rel="stylesheet">
    <link href="index.css" rel="stylesheet">
</head>
<body onload="loadViewer()">
    <div style="width: 100%">
        <div id="viewerContainer"></div>
    </div>
    <script type="text/javascript" src="jsViewer.min.js"></script>
    <script type="text/javascript">
        let viewer;
        function loadViewer() {
            viewer = GrapeCity.ActiveReports.JSViewer.create({
                element: '#viewerContainer',
                defaultExportSettings: {
/*hide all doc export settings*/
                  doc: {
                      Author: { value: 'USER', visible: false },
                      BaseHref: { value: 'www.com', visible: false },
                      Generator: { value: 'Created by USER', visible: false },
                      PageHeight: { value: '10', visible: false },
                      PageWidth: { value: '5', visible: false },
                      Title: { value: 'TITLE_01', visible: false },
                      FileName: { value: 'ar16_doc', visible: false }
                  },
                }
            });
            viewer.openReport("DemoReport.rdlx");
        }
    </script>
</body>
</html>