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. Image for the cookie policy date
  1. Home
  2. Forum
  3. jQuery
  4. HTML5 WEBPAGE SAMPLE
Starting in 2019, the Reporting control is no longer included in Essential Studio. If you're experiencing issues with the Syncfusion Reporting Platform, Report Viewer, Report Designer, or Report Writer, we recommend migrating to Bold Reports, our dedicated reporting platform.

Bold Reports offers a comprehensive suite of tools and features for all your reporting needs, and we will help you make a smooth transition from the discontinued control. Our support team at https://support.boldreports.com/ is here to assist you with any questions or difficulties you may encounter during the migration process.

We thank you for choosing Syncfusion and appreciate your understanding.

HTML5 WEBPAGE SAMPLE

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!

6 Replies
VP Venkatesan Pandian Syncfusion Team 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 

HO Hostilio 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'
                    });
            });




HO Hostilio 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.



SR Soundara Rajan S Syncfusion Team 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.

HO Hostilio 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,

RJ Ramya Jayapandi Syncfusion Team 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

Loader.
Up arrow icon