devexpress-examples / reporting-react-print-without-preview

A simple React app with the ASP.NET Core backend that prints and exports a report in a browser without previewing it on a web page.

Reporting for React - Print and Export Without Displaying the Report

This example prints and exports a report in a browser without previewing it on a web page.

Print

On the server side, a controller performs the following actions:

• creates a report;
• exports the report to PDF with the XtraReport.ExportToPdfAsync method;
• sends the PDF file back to the client.

On the client-side, a user can do one of the following:

• Print a report in a new tab. Click a button to call the client-side window.Open(url, "_blank") method to open a new window that contains a PDF file and print the window content.

• Print a report in iFrame. Click a button to load a PDF file in the HTMLIFrameElement and print its content.

Export

The user selects the format and clicks a button to send the format to the server-side controller. The controller calls the export method for the selected format and sends the file back to the browser.

Files to Review

• HomeComponent.jsx
• HomeController.cs

Documentation

• Reporting for React
• Export Reports

More Examples

• Reporting for Web (React) - Report Designer
• Reporting for Web (React) - Document Viewer
• How to Print and Export a Report in the ASP.NET Core Application without the Document Viewer