【Stimulsoft Reports.JS教程】Designer（下篇）

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

（一）报表设计器自定义

在此示例中，您可以通过更改设计器选项来了解如何自定义报表设计器。首先，您需要创建 StiDesignerOptions类对象。此类包含一组用于配置设计器外观和行为的属性。例如，将某些属性更改为默认值以外的值：

// Change report designer options
var options = new Stimulsoft.Designer.StiDesignerOptions();
options.appearance.fullScreenMode = true;
options.toolbar.showPreviewButton = false;
options.toolbar.showFileMenu = false;
options.components.showImage = false;
options.components.showShape = false;
options.components.showPanel = false;
options.components.showCheckBox = false;
options.components.showSubReport = false;
 
var designer = new Stimulsoft.Designer.StiDesigner(options, "StiDesigner", false);
 
// Create a new report instance
var report = new Stimulsoft.Report.StiReport();
// Load report from url
report.loadFile("../reports/SimpleList.mrt");
// Edit report template in the designer
designer.report = report;

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

 

（二）立即显示报表设计器

此示例显示如何创建报表设计器并立即显示它，要创建报表设计器对象，您应该使用Stimulsoft.Designer命名空间中的StiDesigner Class。创建后，设计器会在创建对象的位置自动呈现自己的内容：

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

 

（三）在所需位置显示报表设计器

此示例显示如何创建报表设计器并将其显示在所需位置，如果要在创建后禁用设计器内容的自动呈现，请将构造函数的第三个参数设置为false。在这种情况下，将在内存中创建对象设计器：

要显示报表设计器，您可以使用designer.renderHtml（）方法，设计器在其中调用此方法的位置呈现自己的内容：

您还可以将设计器内容呈现到指定的HTML元素中，例如DIV。为此，您可以使用designer.renderHtml（“elementId”）方法：

...

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

查看原文，并下载示例

转载于:https://my.oschina.net/u/3942001/blog/1925541