This is a migrated thread and some comments may be shown as answers.

HTML5 Report Viewer - Report don't get value from drpdownlist and not refreshed ?

4 Answers 100 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Ahmed
Top achievements
Rank 2
Ahmed asked on 22 Apr 2015, 02:30 PM

Hi

i have create report with telerik html5 and it works first time only page is loaded and if i change select from drpdownlist nothing happened and report don't get new value that changed and i don't know why that (i have add js code to get drpdownlist "change" but it's not fired)?!

@model Hemdan.Models.Product
 
@{
    ViewBag.Title = "Home Page";
}
 
 
<div>
    @Html.DropDownListFor(model => model.ProductID, (SelectList)ViewBag.ProductID, new { @class = "form-control", style = "width: 150px; font-weight: bold; margin:auto;", id = "ProductID" })
    @Html.ValidationMessageFor(model => model.ProductID, "", new { @class = "text-danger" })
    <br />
    <div id="reportViewer1">
        loading...
    </div>
</div>
 
@section scripts
{
    <script type="text/javascript">
        $(document).ready(function () {
            $("#reportViewer1")
                .telerik_ReportViewer({
                    serviceUrl: "/api/reports/",
                    templateUrl: '/ReportViewer/templates/telerikReportViewerTemplate-9.0.15.225.html',
                    reportSource: {
                        report: "Hemdan.Views.kinds.Report1, Hemdan",
                        parameters: { Item: $('#ProductID option:selected').val() }
                    },
                    viewMode: telerikReportViewer.ViewModes.INTERACTIVE,
                    scaleMode: telerikReportViewer.ScaleModes.SPECIFIC,
                    scale: 1.0,
 
                    ready: function () {
                        //this.refreshReport();
                    }
                });
        });
 
        $('#ProductID').change(function () {
            var viewer = $("#reportViewer1").data("telerik_ReportViewer");
            viewer.reportSource({
                report: viewer.reportSource().report,
                parameters: { Item: $(this).val() }
            });
            viewer.refreshReport();
        });
    </script>
}

i do all steps as: http://www.telerik.com/help/reporting/html5-report-viewer-howto-custom-parameters.html

so please how can i make it works - cloud you please fix my code to let how to it or give me small sample ...

Thanks a lot ....

4 Answers, 1 is accepted

Sort by
0
Ahmed
Top achievements
Rank 2
answered on 26 Apr 2015, 09:07 PM
any help with that please .... ?
0
Stef
Telerik team
answered on 27 Apr 2015, 07:34 AM
Hello Ahmed,

Please refer to my post in your other forum thread on the same question - HTML5 Report Viewer - Report not refreshed if i change values in DB ?


If you need further help, please let us continue the discussion in the above linked forum thread.
Thank you for your understanding.

Regards,
Stef
Telerik
 

See What's Next in App Development. Register for TelerikNEXT.

 
0
Ahmed
Top achievements
Rank 2
answered on 29 Apr 2015, 08:42 AM

Hi

here i mean if select any value from dropdownlist - nothing happened and report not do any thing (don't get any paramater value from the dropdownlist ?) .... ??!!

0
Ahmed
Top achievements
Rank 2
answered on 29 Apr 2015, 10:59 AM

Hi

i try it again from scratch and its finaly work

Full Code Now:

@model WebApplication1.Models.Product
 
@{
    ViewBag.Title = "Home Page";
}
 
 
 
@Html.DropDownListFor(model => model.ProductID, (SelectList)ViewBag.ProductID, "", new { @class = "form-control", style = "width: 150px; font-weight: bold" })
@Html.ValidationMessageFor(model => model.ProductID, "", new { @class = "text-danger" })
<br />
 
@* Order Report *@
<div id="reportViewer1" style="height:1241px;">
    loading...
</div>
<br />
 
@section scripts
{
 
    @* Order Report *@
    <script>
        $(document).ready(function () {
            $("#reportViewer1")
                .telerik_ReportViewer({
                    serviceUrl: "/api/reports",
                    templateUrl: '/ReportViewer/templates/telerikReportViewerTemplate-9.0.15.324.html',
                    reportSource: {
                        report: "WebApplication1.Report1, WebApplication1",
                        parameters: { OrderID: $('#ProductID option:selected').val() }
                    },
                    viewMode: telerikReportViewer.ViewModes.INTERACTIVE,
                    scaleMode: telerikReportViewer.ScaleModes.SPECIFIC,
                    scale: 1.0,
                });
        });
 
        $('#ProductID').change(function () {
            var viewer = $("#reportViewer1").data("telerik_ReportViewer");
            viewer.reportSource({
                report: viewer.reportSource().report,
                parameters: { Orderid: $(this).val() }
            });
            viewer.refreshReport();
        });
    </script>
}

Tags
General Discussions
Asked by
Ahmed
Top achievements
Rank 2
Answers by
Ahmed
Top achievements
Rank 2
Stef
Telerik team
Share this question
or