Reporting for Angular - Pass Parameters from the Angular Client to a Report

This example demonstrates how to send parameters from the client side to the report displayed in the Document Viewer.

The first method constructs the report URL that includes the parameter as a query string and uses this URL to open a report. The report's URL is passed to the ReportStorageWebExtension.GetData method at the server. You can implement and register a custom storage with the GetData method that parses the URL string, extracts the parameter values, creates a report, sets the report parameters and returns the report to the sender.

Another method uses the client-side JSReportViewer.GetParametersModel method that provides access to the report parameter model. When parameters are modified, a call to the JSReportViewer.StartBuild method is required to rebuild the document.

The sample application includes two buttons to show the methods described above. The JavaScript function hides the Document Viewer's side panel and sets the zoom to 100%.

Files to Review

• report-viewer.ts
• report-viewer.html
• CustomReportStorageWebExtension.cs
• ReportsFactory.cs
• Program.cs

Documentation

• Use Report Parameters
• Report Parameters in ASP.NET Core Applications
• Reporting for Angular

More Examples

• Reporting for ASP.NET Core - Custom Report Parameter Types
• Reporting for ASP.NET MVC - Custom Report Parameter Types

Does this example address your development requirements/objectives?

(you will be redirected to DevExpress.com to submit your response)