Not Display report preview control (ej-reportviewer) by angular

[Krittikorn Deeraksa]

I got some problem to display simple report, this report without data. can not show in ej-ReportViewer. (I redirect to show it when missing rdl file)
(rdl Create By SQL DataTools but want to use in web without ReportServer , It work properly on your ASP.NET MVC Report Viewers Control both blank, and have data report)

please advise

in HTML
-------
<div class="row control" id="reportviewer" ej-reportviewer=ej-reportviewer e-reportserviceurl="samplevalue" e-reportpath="path" e-processingmode="ej.ReportViewer.ProcessingMode.Local" e-datasources="ds"></div>
<style type="text/css">
    .control {
        padding-left: 10px;
        min-height: 680px !important;
    }
 
</style>


in Js file in same controller
---------
$scope.samplevalue = []; 
$scope.path = '/App_Data/Reports/SM/Blank.rdl';            
$scope.ds = [{
    value: [ ],
    name: "AdventureWorksXMLDataSet"
}];

Attachment: Blank_a2349521.zip

[Mariya Joseph M]

Hi KrittiKorn,

Thanks for the update.

It seems the virtual path which you have set for report path doesn’t contain the root operator (the tilde [~]) and the reportServiceUrl is not a valid one. We suggest you to add the root operator(~) to your report virtual path and give your WebApi service url to reportServiceUrl. Please refer the below code snippet for more details.

 In HTML:

<div id="container" ej-reportviewer=ej-reportviewer e-reportserviceurl="samplevalue" e-reportpath="path" e-processingmode="mode"></div>

In js file:

<script type="text/javascript">

        angular.module('syncApp', ['ejangular']).controller('angularReportViewer', function ($scope) {

            $scope.samplevalue = '/api/RDLReport';

            $scope.path = '~/App_Data/Untitled.rdl';

        });

    </script>

 

We have a created a demo sample for your requirement and the same can be downloaded from the below.

http://www.syncfusion.com/downloads/support/directtrac/general/ejReportViewer_sample-1501674219.zip

 

Here is our online UG and API documentation. Please refer it for more details.

http://help.syncfusion.com/ug/js/default.htm#!documents/createyourfirstrepor.htm

http://help.syncfusion.com/UG/JS_CR/ejReportViewer.html

 

Please let us know, if you have any other concerns.

 

Regards,

Mariya Joseph M.