ASP.NET MVC Controls
Using ComponentOne WebAPI Edition Template

If you have installed Web API Edition from C1Studio installer, then it is easy to create a project pre-configured with FlexReport Web API. Use the C1 Web API Template to create a new project named FlexreportWebAPI and follow the steps below:

Step 1: Add Report files to Web API Application

Complete the following steps to add report files to your application.

  1. Add a folder named Files to your application.
  2. Add the FlexReport's report definition file to it.
    This example is using the FlexCommonTasks.flxr report definition, which is provided in FlexViewer HowTo sample (it is by default installed at ~\Documents\ComponentOne Samples\ASP.NET MVC\MVC\HowTo\FlexViewer).

    If the report is using any local database (such as an MDB or an MDF file), then add the database to the App_Data folder of your application. However, make sure that the connection string of the reports are pointing to the App_Data folder accordingly.


    Note: Make sure you add Microsoft.Owin.Cors Nuget package in your application, for app.UseCors();

Back to Top

Step 2: Set Report's Root Location

  1. In the Startup.cs file, add the following code inside Configuration method of the Startup class.
    Startup.cs
    Copy Code
    app.UseCors(CorsOptions.AllowAll);
    var folder = GetFullRoot("Files");
    app.AddDiskStorage("root", folder);
    

    This code registers the folder/location where the Report files will be stored, in this case it is the "Files" folder.

  2. Add the GetFullRoot function inside Startup class.
    Startup.cs
    Copy Code
    private static string GetFullRoot(string root)
    {
            var applicationBase = AppDomain.CurrentDomain.SetupInformation.ApplicationBase;
            var fullRoot = Path.GetFullPath(Path.Combine(applicationBase, root));
            if (!fullRoot.EndsWith(Path.DirectorySeparatorChar.ToString(), StringComparison.Ordinal))
            {
                    fullRoot += Path.DirectorySeparatorChar;
            }
            return fullRoot;
    }
    

Back to Top

Step 3: Deploy FlexReport Web API Service

  1. Compile the project.
  2. Deploy the project to IIS.

The Web API URL, for service hosted on local IIS, will be http://localhost/FlexReportwebAPI/api/report.

Note: Once you have successfully created Web API URL for Report Services, you can access and view reports stored in the service using FlexViewer for MVC and Wijmo Viewer. For more information on how to view reports, see Viewing Reports in FlexViewer.

Back to Top

 

 


Copyright © GrapeCity, inc. All rights reserved.

Product Support Forum |  Documentation Feedback