@{
    ViewBag.Title = "Home Page";
}
<div class="settings-row">
    <br />
</div>
<div id="viewerContainer" style="height: 800px" border:1px solid #000"></div>

@section scripts{
    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/bootstrap-3.0.0.js"></script>
    <script src="~/Scripts/knockout-2.3.0.js"></script>   
    <script src="~/Scripts/GrapeCity.ActiveReports.Viewer.Html.js"></script>
    <script type="text/javascript">
            $(function () {
                var viewer = GrapeCity.ActiveReports.Viewer({
                    element: '#viewerContainer',//报表展示区
                    report: {
                        id: "Reports/工件进度.rdlx",//报表
                        parameters: [
                            {
                                name: 'ReportParameter1', //参数名，参数名要一致
                                value: "3"    //参数值
                            }
                            , {
                                name: 'ReportParameter2',
                                value: "2"
                            }
                        ]
                    },

                    reportService:
                    {
                        url: '/ActiveReports.ReportService.asmx'//服务引用
                    },
                    uiType: 'Desktop',//展示模式，桌面端
                    documentLoaded: function reportLoader() {
                        Console.log(viewer.pageCount);
                    },
                    reportLoaded: function (reportInfo) {
                        console.log(reportInfo.paremeters);
                    },
                    localeUri: 'Scripts/i18n/Localeuri.txt'//汉化
                });
            });
    </script>
}
