This topic describes how to view a FlexReport in your MVC application using C1 MVC ReportViewer template. C1 MVC ReportViewer template provides three different options by which you can preview your report in FlexViewer;
-
Reports in current project
If you are working with MVC 5 application, you can use the Reports in current project option in the C1 MVC ReportViewer template to add the report to your Visual Studio application, and then view it in FlexViewer.
Once you create an application using C1 MVC Report Viewer, it automatically registers the required resources, adds the relevant Web API resources and packages to your application. -
Report in other Report Service
If you are working with MVC 3, 4, or ASP.NET Core Framework applications, you can only use the Report in other report service option in the C1 MVC Report Viewer template to view the report in FlexViewer. You can use this option when your report is hosted on the Web API Service project
-
Reports in SSRS server
If you are working with MVC 5 or ASP.NET Core Framework applications, you can use the Reports in SSRS server option in the C1 MVC Report Viewer template to view the SSRS report in FlexViewer. You can use this option only for the SSRS reports that are hosted on a server.
Working with C1 MVC ReportViewer
The below steps demonstrates how you can use C1 MVC ReportViewer wizard to view a report in FlexViewer control using Visual Studio template.
 |
Note: The C1 ASP.NET MVC 5 Web Application and C1 ASP.NET Core MVC Application template for ASP.NET MVC Edition automatically registers the required resources, and adds the relevant references and packages to your application. Therefore, you can directly use the C1 MVC ReportViewer template if your application is created using ComponentOne template. |
Step 1: License your application
- In the Solution Explorer, right click the project and select Add | New Item. The Add New Item dialog appears.
- In the Add New Item dialog, select C# | General and select Text File in the right pane.
- Name the text file as licenses.licx.
- In the licenses.licx file, add the following:
licenses.licx Copy CodeC1.Web.Mvc.LicenseDetector, C1.Web.Mvc C1.Web.Mvc.Viewer.LicenseDetector, C1.Web.Mvc.FlexViewer
Note: In case you are working with ASP.NET Core application, you can license the resources and your application using the GrapeCity License Manager. For more information, see Licensing topic.
Step 2: Register Resources
Complete the following steps to register the required resources for using ASP.NET MVC FlexViewer control:
- From the Solution Explorer, open the folders Views | Shared.
- Double click
_Layout.cshtmlto open it. - Add the following code between the
<head></head>tags._Layout.cshtml Copy Code@Html.C1().Styles()@Html.C1().Scripts().Basic().FlexViewer()
_Layout.cshtml Copy Code<c1-styles /><c1-scripts> <c1-flex-viewer-scripts /></c1-scripts>
For more information on how to register resources for FlexViewer, refer to Registering Resources.
Step 3: Add Controller
Complete the following steps to add controller to your application.
- Right click the Controllers folder and select Add | New Scaffolded Item....
- In the Add Scaffold wizard select MVC5 Controller - Empty, and click Add.
- Provide a name to the Controller. For example, we name the controller as ReportController.
A new controller is added to the application within the folder Controllers.
- In the Solution Explorer, right click the folder Controllers.
- From the context menu, select Add | Controller... . The Add Scaffold dialog appears.
- Complete the following steps in the Add Scaffold dialog:
- Select the Controller tab towards left, and then select MVC Controller - Empty.
- Click Add, and then set a name for the controller. (for example: Report
Controller) - Click Add.
A new controller is added to the application within the folder Controllers.
Views for the ReportViewer is discussed in the following topics:
Back to Top