Skip to content

A simple Angular app with the ASP.NET Core backend that sends parameters from the client side to the report displayed in the Document Viewer.

License

Notifications You must be signed in to change notification settings

DevExpress-Examples/reporting-angular-pass-parameters

Repository files navigation

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%.

Pass Parameters from the Angular Client to a Report

Files to Review

Documentation

More Examples

Does this example address your development requirements/objectives?

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

About

A simple Angular app with the ASP.NET Core backend that sends parameters from the client side to the report displayed in the Document Viewer.

Topics

Resources

License

Stars

Watchers

Forks