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