ReportViewer Component

The ReportViewer is a component that you can use in the template part of a UI view.

Example

Here is an example of using the ReportViewer component, with the use of a FilterBar above the Viewer.

The component has a options attribute of ReportViewerOptions type to indicate the report information.

It also has a filter attribute that we have associated with a computed field to link it with the FilterBar

<vertical-layout layout:height="fill" space="none">
    <vertical-layout style:border-color="border" layout:padding="small">
        <filter-bar quick-search="false" layout:padding="small" layout:height="fill" />
    </vertical-layout>
    <vertical-layout layout:height="fill" space="none">
        <report-viewer options="@Computeds.Option" />
    </vertical-layout>
</vertical-layout>

Computed Field Option

return new ReportViewerOptions("ReportsWithLink").WithFilter(this.Datafilter);

Table of Contents

ReportViewer Component

Example