@{
    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/区域报表动态数据源.rpx"
                },
                reportService:
                {
                    url: '/WebService1.asmx'//服务引用
                },
                uiType: 'desktop',//展示模式，桌面展示
                documentLoaded: function reportLoader() {
                    Console.log(viewer.pageCount);
                },
                reportLoaded: function (reportInfo) {
                    console.log(reportInfo.paremeters);
                },
                localeUri: 'Scripts/i18n/Localeuri.txt'//汉化
            });
        });
    </script>
}
