ActiveReports使用教程：如何在MVC中使用ActiveReports-控件新闻-慧都网

ActiveReports使用教程：如何在MVC中使用ActiveReports

转帖|使用教程|编辑：莫成敏|2020-03-24 10:00:50.310|阅读 801 次

概述：ActiveReports 是一款专注于 .NET 平台的报表控件，全面满足 HTML5、WinForm、ASP.NET、.NET Core、WPF 等平台下的中国式复杂报表设计和跨平台报表开发需求，本文介绍了如何在MVC中使用ActiveReports。

# 界面/图表报表/文档/IDE等千款热门软控件火热销售中 >>

ActiveReports 是一款专注于 .NET 平台的报表控件，全面满足 HTML5、WinForm、ASP.NET、.NET Core、WPF 等平台下的中国式复杂报表设计和跨平台报表开发需求，作为专业的报表工具为全球超过 300,000 名开发者提供全面的报表解决方案。本文介绍了如何在MVC中使用ActiveReports。

点击下载ActiveReports正式版

1、创建一个MVC 5工程

ActiveReports使用教程：如何在MVC中使用ActiveReports

2、创建一个ActiveReports.ReportService.asmx文件

ActiveReports使用教程：如何在MVC中使用ActiveReports

3、创建一个RDL报表

ActiveReports使用教程：如何在MVC中使用ActiveReports

4、添加一个HTML5查看器

            var viewer = GrapeCity.ActiveReports.Viewer（{
                元素：“＃viewerContainer”，
                reportService：{
                    网址：“ / ActiveReports.ReportService.asmx”
                }，
                uiType：“桌面”，
                reportLoaded：function（）{
                    reportButtons.prop（'disabled'，false）;
                }
            }）;

5、添加需要的js和css

- GrapeCity.ActiveReports.Viewer.Html.js
- GrapeCity.ActiveReports.Viewer.Html.css
-引导- 3.0.0.js
- jQuery的1.10.2.js
-淘汰赛- 2.3.0.js

6、添加路由

route.IgnoreRoute（“ {* allActiveReport}”，新的{allActiveReport = @“。* \。ar11（/.*）？”}）;

运行截图：

ActiveReports使用教程：如何在MVC中使用ActiveReports