亚洲精品福利电影,国产亚洲日韩,在线免费伦理片

【Stimulsoft Reports.JS教程】將報表分配給Viewer、更改報表查看器主題和查看器中的全屏模式

翻譯|使用教程|編輯：王香|2018-08-16 10:41:49.000|閱讀 1021 次

概述：本文主要講解如何在Stimulsoft Report.Javascript中將報表分配給Viewer、更改報表查看器主題和查看器中的全屏模式

相關(guān)鏈接：

（一）將報表分配給Viewer

此示例顯示如何加載報表并將其分配給查看器，創(chuàng)建StiReport 類型的報表對象，然后通過調(diào)用loadFile（）方法加載報表模板文件。要在查看器中顯示報表，將報表對象分配給查看者的報表屬性即可。如果未呈現(xiàn)報表，則查看器會自動呈現(xiàn)它：

// Create the report viewer with default options
var viewer = new Stimulsoft.Viewer.StiViewer(null, "StiViewer", false);
// Create a new report instance
var report = new Stimulsoft.Report.StiReport();
// Load report from url
report.loadFile("../reports/SimpleList.mrt");
// Assign report to the viewer, the report will be built automatically after rendering the viewer
viewer.report = report;

示例代碼的結(jié)果如下圖所示。

stimulsoftJS

（二）更改報表查看器主題

此示例顯示如何更改查看器默認(rèn)主題。將head部分中主題的CSS文件替換為另一個可用主題，可用于超過15個就緒主題，還可以根據(jù)需要調(diào)整CSS文件。例如，將Office2007 Blue主題應(yīng)用于查看器：

<!-- Report viewer Office2007 Blue style -->
<link href="../css/stimulsoft.viewer.office2007.blue.css" rel="stylesheet">

示例代碼的結(jié)果如下圖所示。

stimulsoftJS

（三）查看器中的全屏模式

此示例顯示如何在默認(rèn)情況下以全屏模式顯示報表查看器，在全屏模式下，查看器將顯示在瀏覽器窗口的所有可用區(qū)域中。此外，要切換此模式，使用查看器工具欄上的全屏閱讀按鈕。要在默認(rèn)情況下啟用此模式，您需要在StiViewerOptions對象中設(shè)置fullScreenMode選項(xiàng)。例如，還設(shè)置為啟用scrollbarsMode選項(xiàng)，此選項(xiàng)允許在查看器內(nèi)使用內(nèi)置報表窗口：

// Set full screen mode for the viewer
var options = new Stimulsoft.Viewer.StiViewerOptions();
options.appearance.scrollbarsMode = true;
options.appearance.fullScreenMode = true;
 
// Create the report viewer with specified options
var viewer = new Stimulsoft.Viewer.StiViewer(options, "StiViewer", false);

示例代碼的結(jié)果如下圖所示。

stimulsoftJS