【Stimulsoft Reports.JS教程】将报表导出为HTML

本文显示在Stimulsoft Reports.JS如何从代码将报表导出为HTML格式

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

本文显示如何从代码将报表导出为HTML格式，需要创建StiReport类型的报表对象，然后通过调用loadFile（）方法加载报表模板文件。在此之后，通过调用报表对象的 render（）方法来呈现报表：

// Create a new report instancevar report = new Stimulsoft.Report.StiReport();// Load report from urlreport.loadFile("../reports/SimpleList.mrt");// Render reportreport.render();

要导出HTML格式的报表，您应该创建StiHtmlExportSettings和StiHtmlExportService类的两个对象。第一个对象定义所有导出设置，第二个对象是HTML导出服务。还需要创建 TextWriter和StiHtmlTextWriter对象——它们需要输出导出的结果。

要开始导出，只需调用导出服务对象的exportTo（）方法，该方法接受呈现的报表，文本编写器和导出设置。例如，结果通过其Id显示在DIV容器中：

function exportReportHtml() {    // Create an HTML settings instance. You can change export settings.    var settings = new Stimulsoft.Report.Export.StiHtmlExportSettings();    // Create an HTML service instance.    var service = new Stimulsoft.Report.Export.StiHtmlExportService();    // Create a text writer objects.    var textWriter = new Stimulsoft.System.IO.TextWriter();    var htmlTextWriter = new Stimulsoft.Report.Export.StiHtmlTextWriter(textWriter);    // Export HTML using text writer.    service.exportTo(report, htmlTextWriter, settings);    // Write HTML text to DIV element.    var container = document.getElementById("htmlContainer");    container.innerHTML = textWriter.getStringBuilder().toString();}

如果需要将HTML导出结果保存到文件，可以使用 Object.saveAs（）方法，此方法已添加到Stimulsoft库中，可以使用它来保存文件，导出过程与DIV容器中的HTML输出相同：

function saveReportHtml() {    // Create an HTML settings instance. You can change export settings.    var settings = new Stimulsoft.Report.Export.StiHtmlExportSettings();    // Create an HTML service instance.    var service = new Stimulsoft.Report.Export.StiHtmlExportService();    // Create a text writer objects.    var textWriter = new Stimulsoft.System.IO.TextWriter();    var htmlTextWriter = new Stimulsoft.Report.Export.StiHtmlTextWriter(textWriter);    // Export HTML using text writer.    service.exportTo(report, htmlTextWriter, settings);    // Get HTML string from text writer object    var html = textWriter.getStringBuilder().toString();    // Get report file name    var fileName = String.isNullOrEmpty(report.reportAlias) report.reportName : report.reportAlias;    // Save data to file    Object.saveAs(html, fileName + ".html", "text/html;charset=utf-8");}

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

下载示例

标签：JavaScript 报表HTMLStimulsoft

来源：慧都