We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

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

Thread ID:

Created:

Updated:

Platform:

Replies:

117572 Nov 10,2014 11:28 PM Nov 11,2014 09:46 AM JavaScript 1
loading
Tags: ejReportViewer
Krittikorn Deeraksa
Asked On November 10, 2014 11:28 PM

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-left10px;         min-height680px !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 [Syncfusion]
Replied On November 11, 2014 09:46 AM

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.


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;