SSRSViewer (Angular)

This guide demonstrates how to use the SSRSViewer component to access Microsoft SQL Server Reporting Services.

Quick video

SSRSViewer Properties

Name Type Default Description
Name string ‘ssrsviewer’ + index suffix Unique name of the SSRSViewer.
parameters array null SSRSViewer parameters.
reportServer string null Microsoft SQL Server Reporting Services report server url.
reportName string null Report name.
useProxy boolean/expression false Should SSRSViewer use server-side proxy or directly access report server.
Visible boolean/expression true Is SSRSViewer visible.

Using server-side proxy to customize report parameters

When useProxy is set to True you can customize the report request using OnReportRequest partial method. You can change url, headers, report parameters, etc.

public partial class ReportController
{
    partial void OnReportRequest(ref HttpRequestMessage requestMessage)
    {
        // Customize report parameters
    }
}
Public Partial Class ReportController
    Private Partial Sub OnReportRequest(ByRef requestMessage As HttpRequestMessage)
        ' Customize report parameters
    End Sub
End Class

Angular declaration

<rz-ssrsviewer #ssrsviewer0 reportServer="http://localhost/ReportServer/" reportName="ProductSales" [useProxy]="true"
  [style]="{'height':'500px','width':'100%'}">
</rz-ssrsviewer>