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 Viewer Events
Unsere Beispiele der Projekte und Berichtsvorlagen helfen Ihnen, die Grundlagen der Arbeit mit unserer Software zu erlernen.Set up the report viewer in Angular, load a template, and connect the component to the application.
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.
@Component({
selector: "using-viewer-events",
imports: [Viewer],
template: `<sti-viewer [report]="report" [options]="viewerOptions" (onEmailReport)="onEmailReport($event)"></sti-viewer>`
})
export class UsingViewerEvents {
report = new Stimulsoft.Report.StiReport();
viewerOptions = new Stimulsoft.Viewer.StiViewerOptions();
onEmailReport(args: Stimulsoft.Viewer.EmailReportArgs) {
alert(`Email: ${args.settings.email} File name: ${args.fileName}`);
}
constructor() {
this.report.loadFile("Reports/SimpleList.mrt");
this.viewerOptions.toolbar.showSendEmailButton = true;
}
}(event) syntax or Vue's @event directive; here the handler receives the e-mail settings and file name. The same pattern covers print, export and design events.