Cloud
Cloud-Dienstleistung für schnelle und effektive Analyse und Visualisierung von Daten für Ihr Business ohne eigene Applikationen zu erstellen oder zu programmieren.
Using the two Viewer in the One Project
Unsere Beispiele der Projekte und Berichtsvorlagen helfen Ihnen, die Grundlagen der Arbeit mit unserer Software zu erlernen.Because the viewer is a component, you can place several instances on one page. This example shows two independent viewers side by side.
Viewer setup. Configure the viewer, load the report, assign it to the component, and process the requests or events raised by the UI.
Viewer setup. Configure the viewer, load the report, assign it to the component, and process the requests or events raised by the UI.
<script setup lang="ts">
import { Viewer, Stimulsoft } from 'stimulsoft-reports-js-vuejs/viewer';
var report1 = new Stimulsoft.Report.StiReport();
report1.loadFile("Reports/SimpleList.mrt");
var report2 = new Stimulsoft.Report.StiReport();
report2.loadFile("Reports/TwoSimpleLists.mrt");
var viewerOptions = new Stimulsoft.Viewer.StiViewerOptions();
viewerOptions.height = "100vh";
</script>
<template>
<div class="container-viewer">
<Viewer :report="report1" :options="viewerOptions" />
<Viewer :report="report2" :options="viewerOptions" />
</div>
</template>