Using Designer Events

Unsere Beispiele der Projekte und Berichtsvorlagen helfen Ihnen, die Grundlagen der Arbeit mit unserer Software zu erlernen.
Auf GitHub ansehen
Produkte ✖Dashboards.JS ✖Designer ✖Ereignisse ✖
The designer raises events for saving, creating, previewing and exiting — bind the ones you need as component events.

In Vue.
<script setup lang="ts">
import { Designer, Stimulsoft } from 'stimulsoft-dashboards-js-vuejs/designer'

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");
}
</script>

<template>
    <Designer :report="report" :options="options" @save-report="onSaveReport" @create-report="onCreateReport" @exit="onExit" />
</template>

How it works. Each designer action is surfaced as an event, so your app can persist, seed or track the user's work.
Auf GitHub ansehen Herunterladen
Hallo! Brauchen Sie Hilfe?