Customizing the Designer
Наши примеры проектов и шаблоны отчётов помогут Вам разобраться в основах работы с нашими продуктами.Embed the report designer in Vue 3, load a template, and connect its editing and save actions.
Designer setup. Configure the designer, load the report template, process its callbacks, and connect the save action to the application.
Designer setup. Configure the designer, load the report template, process its callbacks, and connect the save action to the application.
<script setup lang="ts">
import { Designer, Stimulsoft } from 'stimulsoft-reports-js-vuejs/designer';
var report = new Stimulsoft.Report.StiReport();
report.loadFile("Reports/SimpleList.mrt");
var designerOptions = new Stimulsoft.Designer.StiDesignerOptions();
designerOptions.toolbar.showPreviewButton = false;
designerOptions.components.showImage = false;
designerOptions.components.showSubReport = false;
</script>
<template>
<Designer :report="report" :options="designerOptions" />
</template>The toolbar and components option groups control which menus and toolbox items appear, so you can tailor the designer to your users.