ActiveReports for .NET 18.0J
エクスポート設定のカスタマイズ
ActiveReportsユーザーガイド > レポートの表示 > JSビューワの使用 > カスタマイズ化 > エクスポート設定のカスタマイズ

Excelブック（.xls）

名前 型 説明
セクションレポート、ページ／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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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|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ファイルの名前を設定します。
セクションレポートのみ
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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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）のエクスポート設定をカスタマイズする

index.html
コードのコピー 
<!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）エクスポート設定を非表示にします。

index.html
コードのコピー 
<!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>

 

 

© MESCIUS inc. All rights reserved.