【Stimulsoft Reports.JS教程】将报表分配给Viewer、更改报表查看器主题和查看器中的全屏模式

本文主要讲解如何在Stimulsoft Report.Javascript中将报表分配给Viewer、更改报表查看器主题和查看器中的全屏模式

【下载Stimulsoft Reports.JS最新版本】

(一)将报表分配给Viewer

此示例显示如何加载报表并将其分配给查看器,创建StiReport 类型的报表对象 ,然后通过调用loadFile()方法加载报表模板文件 。要在查看器中显示报表,将报表对象分配给查看者的报表属性即可。如果未呈现报表,则查看器会自动呈现它:

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

示例代码的结果如下图所示。

stimulsoftJS

 

(二)更改报表查看器主题

此示例显示如何更改查看器默认主题。将head部分中主题的CSS文件替换为另一个可用主题,可用于超过15个 就绪主题,还可以根据需要调整CSS文件。例如,将Office2007 Blue主题应用于查看器:

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

示例代码的结果如下图所示。

stimulsoftJS

 

(三)查看器中的全屏模式

此示例显示如何在默认情况下以全屏模式显示报表查看器,在全屏模式下,查看器将显示在浏览器窗口的所有可用区域中。此外,要切换此模式,使用查看器工具栏上的全屏阅读按钮。要在默认情况下启用此模式,您需要在StiViewerOptions对象中设置fullScreenMode选项。例如,还设置为启用scrollbarsMode选项,此选项允许在查看器内使用内置报表窗口:

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

示例代码的结果如下图所示。

stimulsoftJS

下载示例

标签:JavaScript 报表报表控件Stimulsoft

来源:慧都网

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2018年7月12日
下一篇 2018年7月12日

相关推荐

发表回复

登录后才能评论