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.
Syncfusion Feedback

HTML5 WEBPAGE SAMPLE

Thread ID:

Created:

Updated:

Platform:

Replies:

120736 Oct 8,2015 07:09 PM UTC Oct 14,2015 05:50 AM UTC JavaScript 6
loading
Tags: ejReportViewer
Hostilio
Asked On October 8, 2015 07:09 PM UTC

It's there a sample on how to load a specific report from external web HTML5 webpage knockoutjs example preferable :)?

Exploring Report Server so far i think the user experience and web explorer compatibility it's better and simplier than reporting services. Thumbs up!

Venkatesan Pandian [Syncfusion]
Replied On October 9, 2015 12:38 PM UTC

Hi Hostilio,
 
Thanks for contacting syncfusion support.
 
knockoutjs example
We have prepared the knockoutjs sample for ssrs reports and it can be downloaded from the following location.
 
http://www.syncfusion.com/downloads/support/forum/120736/ze/InvoiceDemo1407952350
 
specific report from external web HTML5 webpage
Please confirm whether you need to load report from external URL or ReportServer and also share additional information on your requirement.
 
 
Regards,
Venkatesan 

Hostilio
Replied On October 12, 2015 05:56 PM UTC

Syncfusion Report Server installed on Server A Hosted on IIS
Web Page Knockoutjs+jquery+Requirejs on Server B Hosted on IIS

I'm trying to create a report with two parameters, for example date start and date end

The page would have two ejDates, a button and the ejReportViewer (Needed for display the report).

Those items are mapped to a knockout binding object so clic event runs in knockout class.

When the button it's clicked i need to send parameters and update the report and off course display it.

Looking the example it's using jquery and webApi but not knockoutjs
  $("#container").ejReportViewer(
                    {
                        reportServiceUrl: "/api/ReportApi",
                        processingMode: ej.ReportViewer.ProcessingMode.Remote,
                        reportPath: '~/ReportTemplate/Reprod.rdl'
                    });
            });




Hostilio
Replied On October 12, 2015 06:11 PM UTC

The report it's already created and hosted on syncfusion Report Server (That's why i asked there).

Syncfusion Report Server has user magnament, access, etc but i would like to have access to reports in Syncfusion Report Server from another webpage, winforms or Application.

For Example on Windows Forms Apps i use rdl files added to the project itself, i would love to have the opportunity to add those files to Syncfusion Report Server and load them from there, and it's the same on webs apps.

I'm just trying to get a big picture of uses from "the outside" of Syncfusion Report Sever.



Soundara Rajan S [Syncfusion]
Replied On October 13, 2015 05:55 AM UTC

Hi Hostilio,

Syncfusion Report Server installed on Server A Hosted on IIS
Web Page Knockoutjs+jquery+Requirejs on Server B Hosted on IIS

I'm trying to create a report with two parameters, for example date start and date end

The page would have two ejDates, a button and the ejReportViewer (Needed for display the report).

Those items are mapped to a knockout binding object so clic event runs in knockout class.

When the button it's clicked i need to send parameters and update the report and off course display it. 

Looking the example it's using jquery and webApi but not knockoutjs
  $("#container").ejReportViewer(
                    {
                        reportServiceUrl: "/api/ReportApi",
                        processingMode: ej.ReportViewer.ProcessingMode.Remote,
                        reportPath: '~/ReportTemplate/Reprod.rdl'
                    });
            });
The previously updated sample "Default.html” page contains ReportViewer with knockout. We have prepared a standalone sample and it can be downloaded from the below location, 
http://www.syncfusion.com/downloads/support/forum/120736/ze/ReportServerwithKnockout1500468521

In the above sample, we have created a div container for ReportViewer control and knockout object that binds with document ready function as shown in the below example. 

<body style="height:700px">

    <div id="container" data-bind="ejReportViewer: ({ reportServiceUrl: serviceUrl, reportPath: path, processingMode: reportmode, reportServerUrl: serverUrl })"></div>

    <script type="text/javascript">

        $(function () {

            window.rptView = {

                serviceUrl: ko.observable('../api/ReportServer'),

                path: ko.observable('b4132cb3-1e49-4a0f-b157-581363dff1fa'),

                reportmode: ko.observable(ej.ReportViewer.ProcessingMode.Remote),

                serverUrl: ko.observable('http://reportserver.syncfusion.com:80/')

            };

            ko.applyBindings(rptView);

        });

    </script>

</body>


The report it's already created and hosted on syncfusion Report Server (That's why i asked there).

Syncfusion Report Server has user magnament, access, etc but i would like to have access to reports in Syncfusion Report Server from another webpage, winforms or Application.

For Example on Windows Forms Apps i use rdl files added to the project itself, i would love to have the opportunity to add those files to Syncfusion Report Server and load them from there, and it's the same on webs apps.

I'm just trying to get a big picture of uses from "the outside" of Syncfusion Report Sever.
In our ReportServer, we have provided option to get necessary information’s through WebAPI. Please find the sample from the following link that demonstrate the ReportServer WebAPI usage along with our ReportViewer
http://www.syncfusion.com/downloads/support/forum/120736/ze/ReportServerwithKnockout1500468521

HTML

    <div id="container" data-bind="ejReportViewer: ({ reportServiceUrl: serviceUrl, reportPath: path, processingMode: reportmode, reportServerUrl: serverUrl })"></div>

    <script type="text/javascript">

        $(function () {

            window.rptView = {

                serviceUrl: ko.observable('../api/ReportServer'),

                path: ko.observable('b4132cb3-1e49-4a0f-b157-581363dff1fa'),

                reportmode: ko.observable(ej.ReportViewer.ProcessingMode.Remote),

                serverUrl: ko.observable('http://reportserver.syncfusion.com:80/')

            };

            ko.applyBindings(rptView);

        });

    </script>


In our ReportViewer, we have provided option to interact with External Reporting Server using ReportServer property.

WEBAPI

        public void OnInitReportOptions(ReportViewerOptions reportOption)

        {

            reportOption.ReportModel.ReportingServer = new ReportingServerExt();

            reportOption.ReportModel.ReportServerCredential = new System.Net.NetworkCredential("guest", "demo");

        }


You can obtain the ReportViewer’s required assemblies and scripts from our ReportServer installed location,
Assemblies : %ProgramFiles(x86)%\Syncfusion\Report Server\ReportServer.Web\bin
Scripts : %ProgramFiles(x86)%\Syncfusion\Report Server\ReportServer.Web\Scripts\EssentialJS

Please refer to the below UG documentation for more details, 
ReportViewer : http://help.syncfusion.com/js/reportviewer/getting-started
ReportServer : http://help.syncfusion.com/report-server/overview

Regards,
Soundara Rajan S.

Hostilio
Replied On October 13, 2015 04:18 PM UTC

Thanks.

Really great tools, playing around with Syncfusion Report Server great product and syncfusion jscript controls are the best.

off Topic
So far only objection with report server is that there is no transalation string so there is no way to use it in spanish and end users aren't used to english. (Looking Forward on Future Releases)

And i am facing troubles with schedule or mail settings since i'm not receiving any mail on my tests. The Service is intalled and the configuration looks fine now i will look for logs :D.
off Topic

Thanks again,

Ramya Jayapandi [Syncfusion]
Replied On October 14, 2015 05:50 AM UTC

Hi Hostilio,
We found that you have reported the same query in the incident #145505, so we request you to follow the incident 145505 for further updates.
Regards,
Ramya J

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.

Warning Icon 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.Close Icon

;