【Stimulsoft Reports.JS教程】Designer(下篇)

翻译 | 使用教程 | 编辑:不飞的小鸟 | 2018-08-10 10:49:07| 阅读 0 有用 (0) 评论 (0) 收藏


概述:本文主要讲解如何报表设计器自定义、立即显示报表设计器、在所需位置显示报表设计器

【下载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;

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

stimulsoftJS


 

(二)立即显示报表设计器

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

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

stimulsoftJS


 

(三)在所需位置显示报表设计器

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


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

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


...

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

stimulsoftJS

下载示例


本站文章除注明转载外,均为本站原创或翻译。
欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
文章转载自:

用户评论: 您的宝贵经验,能为更多人带来帮助,登录后才能评论。
评论加载中...



    联系我们


    官方微信
    官方微博
    慧都科技有限公司 版权所有 Copyright 2003-<%:DateTime.Now.Year %> 渝ICP备12000582号 | 渝公网安备 50010702500608号