【Stimulsoft Reports.JS教程】Engine示例项目-控件新闻-慧都网

【Stimulsoft Reports.JS教程】Engine示例项目

翻译|使用教程|编辑：王香|2018-08-13 17:20:03.000|阅读 1212 次

概述：本文主要讲解如何加载报表模板、将渲染报表保存到文件、打印报表

（一）加载报表模板

此示例显示如何加载报表模板并从代码中呈现它。需要创建StiReport类型的报表对象，然后通过调用loadFile（）方法加载报表模板文件。在此之后，通过调用报表对象的 render（）方法来呈现报表：

// Create a new report instance
var report = new Stimulsoft.Report.StiReport();
// Load report
report.loadFile("../reports/SimpleList.mrt");
// Render report
report.render();
 
document.write("Complete.
");
document.write("Rendered page count: " + report.renderedPages.count);

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

stimulsoftJS

（二）将渲染报表保存到文件

此示例显示如何将呈现的报表文档保存在JSON文件中。首先，创建StiReport类型的报表对象，然后通过调用loadFile（）方法加载报表模板文件。在此之后，您应该通过调用报表对象的render（）方法来呈现报表：

// Create a new report instance
var report = new Stimulsoft.Report.StiReport();
// Load report from url
report.loadFile("../reports/SimpleList.mrt");
// Render report
report.render();

要将呈现的JSON格式的报表保存到文件，需要使用报表对象的saveDocumentToJsonString（）方法。此方法返回JSON字符串结果，使用Object.saveAs（）方法将其保存到文件中，此方法已添加到Stimulsoft库中，使用它：

function saveReportDocument() {
    // Save rendered report to JSON string
    var json = report.saveDocumentToJsonString();
    // Get report file name
    var fileName = String.isNullOrEmpty(report.reportAlias) ? report.reportName : report.reportAlias;
    // Save data to file
    Object.saveAs(json, fileName + ".mdc", "application/json;charset=utf-8");
}

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

stimulsoftJS

（三）打印报表

此示例显示如何加载报表模板并从代码中打印它，创建StiReport类型的报表对象，然后通过调用loadFile（）方法加载报表模板文件。在此之后，通过调用报表对象的render（）方法来呈现报表，并通过调用print（）方法进行打印，系统打印对话框应该出现：

// Create a new report instance
var report = new Stimulsoft.Report.StiReport();
// Load report from url
report.loadFile("../reports/SimpleList.mrt");
// Render report
report.render();
// Print report using web browser
report.print();
 
document.write("Complete.");

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

stimulsoftJS