海安网站推广【海安官网推广哪个效果好】海安百度竞价推广托管、海安百度优化推广外包、海安全网霸屏推广多少钱、海安网络推广一年大概多少费 ​

新建Web项目，新添加HTML页面，引入所有需要的脚本和资源文件

新建RDL报表文件

右键添加新建项，添加报表：

打开Index.html 页面，添加脚本引用

<script src="AR_Res/Scripts/jquery-1.10.2.js"></script>

<script src="AR_Res/Scripts/bootstrap-3.0.0.js"></script>

<script src="AR_Res/Scripts/knockout-2.3.0.js"></script>

<script src="AR_Res/Scripts/GrapeCity.ActiveReports.Viewer.Html.js"></script>

使用Ext初始化页面

Ext.create('Ext.panel.Panel', {

                title: 'Hello ActiveReports',

                width: '80%',

                height: 800,

                border: true,

                html: '<div id="viewerContainer"></div>',

                dockedItems: [

                {

                    xtype: 'toolbar',

                    name: 'gridToolBar',

                    dock: 'top',

                    border: false,

                    items: [ {

                        text: 'BillingInvoice.rdlx', handler: function (button) {

                            LoadReport(button);

                        }

                    }, {

                        text: 'Invoice.rpx', handler: function (button) {

                            LoadReport(button);

                        }

                    }, {

                        text: 'MoviesReport.rdlx', handler: function (button) {

                            LoadReport(button);

                        }

                    }, {

                        text: 'OilProducingCountries.rdlx', handler: function (button) {

                            LoadReport(button);

                        }

                    }

                    ]

                }

],

初始化HtmlViewer

Ext.onReady(function () {

            function LoadReport(button) {

                var id="Reports/"+ button.text;

                var viewer = GrapeCity.ActiveReports.Viewer({

                    report: {

                        id:id

                    },

                    element: '#viewerContainer',

                    reportService: {

                        url: 'Reports/ActiveReports.ReportService.asmx'

                    },

                    uiType: 'desktop',

                    localeUri: 'AR_Res/Scripts/i18n/Localeuri.txt'

                });

            };