JSViewer MVC(Core) | ActiveReports 14 .NET Edition

JSViewer MVC(Core)

In This Topic

The JSViewer_MVC(Core) sample demonstrates the use of the GrapeCity ActiveReports JSViewer with an ASP.NET Core back-end.

GrapeCity 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://www.microsoft.com/net/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_MVC(Core)

Details

When you run the sample, the JSViewer opens in your browser. The viewer provides links to reports to demonstrate GrapeCity ActiveReports JSViewer with an ASP.NET Core back-end.

Clicking the report link in the left panel opens the report for preview. You can preview the following reports.

AnnualReport.rdlx
Invoice.rdlx
Invoice.rpx
InvoiceList.rdlx
Invoice_Colored.rpx
Project & ResourceAnalysis - Staff Performance Analysis.rdlx
Statistical analysis scatter plot.rdlx
User defined report columns.rdlx

The project consists of the following elements.

Controllers folder: This folder contains the HomeController that handles the user interaction and returns the main Index view.
ViewerApp folder: Contains JSViewer CSS and JavaScript files.
readme: This file contains the instructions on how to build and run the sample project.
Startup.cs: This is the default startup file.
Web.config: This configuration file contains the httpHandlers that allow ActiveReports to process reports on the Web. Note that you need to manually update version information here when you update your version of ActiveReports.

Before publishing the sample, you must do the following.

In the index.html file, uncomment the following line:

Copy the sample ViewerApp folder to the publish folder.