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 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.
Открыть на GitHub Скачать
Используя этот сайт, вы соглашаетесь на использование файлов Cookie для аналитики и персонализированного контента. Файлы Cookie хранят полезную информацию на вашем компьютере, чтобы помочь нам повысить эффективность и удобство использования. Для получения дополнительной информации, пожалуйста, прочтите Конфиденциальность и Использование Cookie.
Я согласен