JSViewer Blazor
In This Topic
The sample demonstrates the use of the GrapeCity ActiveReports JSViewer and the Blazor Framework that allows building client-side web applications with C#.
ActiveReports JSViewer
Note: To run this sample, you must have
- Visual Studio 2019 (https://visualstudio.microsoft.com/vs/) version 16.4 or newer.
- .NET Core 3.1 SDK (https://dotnet.microsoft.com/download) or later installed on your machine.
- .NET Core Hosting Bundle (https://docs.microsoft.com/en-us/aspnet/core/host-and-deploy/iis/?view=aspnetcore-3.1#install-the-net-core-hosting-bundle) (for deployment to IIS).
Sample Location
..\WebSamples14\JsViewerSamples\JSViewer_Blazor
Details
When you run the sample, the JSViewer opens in your browser and provides links to reports to demonstrate GrapeCity ActiveReports JSViewer in a Blazor application.
Clicking the report link in the left panel opens the report for preview. You can preview the following reports.
- AcmeStore.rdlx
- AnnualReport.rdlx
- Invoice.rdlx
- InvoiceList.rdlx
- Project & ResourceAnalysis - Staff Performance Analysis.rdlx
- Statistical analysis scatter plot.rdlx
- User defined report columns.rdlx
The project uses the GrapeCity.ActiveReports.Aspnetcore.Viewer Nuget package. See Manage ActiveReports Dependencies for details.
The project consists of the following elements.
- wwwroot: Contains static CSS and JavaScript files of the Blazor application, which are copied from the ARJS Viewer npm package (https://www.npmjs.com/package/@grapecity/ar-viewer).
- Data folder: This folder contains the ReportsService.cs.
- Pages folder: This folder contains Razor pages and supporting files.
- Reports folder: This folder contains all available reports.
- _Imports.razor: The Razor template file.
- appsettings.json: The json configuration file.
- Startup.cs: This is the default startup file. It contains the ConfigureServices method, which configures the application so that it can handle cross-domain requests.