Using Designer Events

Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.
Открыть на GitHub
Продукты ✖Dashboards.JS ✖Дизайнер ✖События ✖
The designer raises events for saving, creating, previewing and exiting — bind the ones you need as component events.

In React.
import { Designer, Stimulsoft } from "stimulsoft-dashboards-js-react/designer";

function App() {
    var report = new Stimulsoft.Report.StiReport();
    report.loadFile("Dashboards/Dashboard.mrt");

    var options = new Stimulsoft.Designer.StiDesignerOptions();
    options.appearance.fullScreenMode = true;

    function onSaveReport(args: Stimulsoft.Designer.SaveReportArgs) {
        alert("onSaveReport event");
    }

    function onCreateReport(args: Stimulsoft.Designer.CreateReportArgs) {
        var dataSet = new Stimulsoft.System.Data.DataSet("Demo");
        dataSet.readJsonFile("Data/Demo.json");
        args.report.regData("Demo", "Demo", dataSet);
        args.report.dictionary.synchronize();
    }

    function onExit(args: Stimulsoft.Report.EventDataArgs) {
        alert("onExit event");
    }

    return <Designer options={options} report={report} onSaveReport={onSaveReport} onCreateReport={onCreateReport} onExit={onExit} />;
}

How it works. Each designer action is surfaced as an event, so your app can persist, seed or track the user's work.
Открыть на GitHub Скачать