如何将刺激软件报表js保存到服务器上？

Question

我有一个用于报表设计器的组件，并将方法分配给onsavereport事件，但在该方法中，我的组件memeber是undefined

    options: any;
    designer: any;
    html" target="_blank">public document: ReportDocument;

    reportBody = '';
    constructor() {

    }

    ngOnInit() {
        this.document = new ReportDocument();
        this.options = new Stimulsoft.Designer.StiDesignerOptions();
        this.options.appearance.fullScreenMode = false;

        this.designer = new Stimulsoft.Designer.StiDesigner(this.options, 'StiDesigner', false);
        var report = new Stimulsoft.Report.StiReport();
        var json = { "DataSet": [{ Id: "a", Name: "A" }] }
        var dataSet = new Stimulsoft.System.Data.DataSet("JSON");

        dataSet.readJson(json)
        report.regData("JSON", "JSON", dataSet);

        report.dictionary.synchronize();
        this.designer.report = report;
        this.designer.renderHtml('designer');
        this.designer.onSaveReport = this.onReportSave;
    }

    private onReportSave(e: any) {
        this.document.body = e.report.saveToJsonString(); // error is here
        
    }
}

这是错误：

无法设置未定义的属性（设置'body')类型错误：无法将未定义的属性（设置'body')设置在$.onReportSave[as onSaveReport](http://localhost:4200/features-expressionsoft-report-expressionsoft-report-report-module.js:1206:28)设置在$.invokesaverePort(http://localhost:4200/assets/lazybundles/expressionsoft.designer.js:30:82619)设置在$.raisecallbackeventasync/lazybundles/inspirsoft/inspirsoft.designer.js:30:78818 at zoneDelegate.invokeTask(http://localhost:4200/polyfills.js:12178:35)at object.oninvoketask(http://localhost:4200/vendor.js:72788:33)at zoneDelegate.invokeTask(http://localhost:4200/polyfills.js:12177:40)at zoneDelegate.invokeTask）在zonetask.invoke(http://localhost:4200/polyfills.js:12248:52)`

Answer 1

您无权访问这个insideonreportsave函数中的类，因为您将函数引用传递给onsavereport，并且由于设计器调用函数函数中的这个属于设计器而不是类，这就是错误的原因。document未定义，您从未定义的函数调用body，但您可以使用bind属性更改它

this.designer.onSaveReport = this.onReportSave.bind(this);

现在您将函数中的this设置为类的this。