免费资源 | ActiveReports 报表控件发布多平台 Demo 代码集合

Posted 2020-12-25

近期，ActiveReports 产品开发组的小伙伴针对大家比较关注的报表功能、常见问题、经典实现，特意准备了一个Demo代码集合，涉及WinFormss ASP.NET MVC 多个技术平台，包含导出、打印、WebViewer、html5Viewer、自定义工具栏、自定义搜索等多个具体功能的实现。

WinFormss 平台下使用 ActiveReports 报表控件

下面介绍一下各Demo的功能。

WinForms 加载四种报表：如何在WinForms框架下，加载ActiveReports的四种不用的报表（RDL报表，页面报表，区域报表基于XML，区域报表基于代码）。

WinForms 增加导出和打印按钮：在WinForms框架下，报表展示的工具栏没有导出和打印按钮，这需要我们通过后台代码进行按钮的添加触发事件的编写。

WinForms 实现静默打印：通过点击打印按钮，直接调用打印机进行报表的打印。

WinForms 绑定运行时数据源：WinForms框架下，四种不同的报表如何进行绑定运行时数据源。 

例：WinForms 下的ActiveReports静默打印实现

ASP.NET 下使用WebViewer & HTMLViewer 加载显示报表

使用HTMLViewer：Asp.net 框架下，使用HTMLViewer加载四种不同的报表（RDL报表，页面报表，区域报表基于XML，区域报表基于代码）。

使用FlashViewer：Asp.net 框架下，使用FlashViewer加载四种不同的报表（RDL报表，页面报表，区域报表基于XML，区域报表基于代码）。

使用AcrobatReader：Asp.net 框架下，使用HTMLViewer加载四种不同的报表（RDL报表，页面报表，区域报表基于XML，区域报表基于代码）。

使用RawHTML： Asp.net 框架下，使用HTMLViewer加载四种不同的报表（RDL报表，页面报表，区域报表基于XML，区域报表基于代码）。

HTMLViewer增加打印按钮：Asp.net 框架下，使用HTMLViewer加载报表，工具栏是没有打印按钮的，需要手动添加打印按钮。

HTMLViewer增加导出按钮：Asp.net 框架下，使用HTMLViewer加载报表，工具栏是没有导出按钮的，需要手动添加打印按钮。

FlashViewer增加导出按钮：Asp.net 框架下，使用FlashViewer加载报表，工具栏是没有导出按钮的，需要手动添加导出按钮。

定义HTMLViewer 参数面板隐藏：Asp.net 框架下，使用HTMLViewer加载报表，然后自定义工具栏按钮的显示和隐蔽。

在HTML5 Viewer中添加放大和缩小功能：使用Html5Viewer加载报表，通过添加放大和缩小的按钮，进行报表的缩放功能。

例图：ASP.NET 平台下 ActiveReports 利用 WebViewer 加载显示图片

ASP.NET VMC 下使用HTML5Viewer 加载显示报表

HTML5Viewer 桌面模式展示报表：在MVC 框架下，使用Html5Viewer进行PC端报表展示，需要注意的点是:

UiType模式： desktop

HTML5Viewer 移动端模式展示报表:在MVC 框架下，使用Html5Viewer进行移动端报表展示，需要注意的点是:

UiType模式： Mobile

HTML5Viewer 连续模式展示报表:在MVC 框架下，使用Html5Viewer进行报表连续模式的加载，需要注意的点是:

设置： renderMode: 'Galley' （连续模式）

HTML5Viewer 冻结行头列头展示: 在MVC 框架下，使用Html5Viewer进行行列头展示，需要注意的点是:

1、设置： renderMode: 'Galley' （只有在连续模式下，冻结行列头才有效）；

2、展示的报表需要设置 FrozenColumns和FrozenRows的值，并且只能冻结表头和列头。)

HTML5Viewer 自定义Toolbar按钮：在MVC 框架下，使用Html5Viewer加载报表，进行自定义Toolbar按钮注意的点是：

UiType模式：Custom。

HTML5Viewer 传报表参数： 在MVC框架下，使用Html5viewer 。当使用参数报表的时候，有时项目需要进行前端的参数传递，需要注意的点是：

前端传递的参数命名和报表的参数命名要一致。 

HTML5Viewer 传报表多值参数：在MVC框架下，使用Html5viewer 。当使用参数报表的时候，有时项目需要进行前端的参数传递，需要注意的点是：

前端传递的参数命名和报表的参数命名要一致。

HTML5Viewer 绑定动态数据源：在MVC框架下，使用Html5viewer 动态绑定数据源，注意点：

1、添加一个WebService的服务。

2、服务继承的方法：GrapeCity.ActiveReports.Web.ReportService。

使用HTML5Viewer 实现报表自动刷新：在进行报表加载后，有时需要报表定时刷新，来进行数据的动态显示。可以通过定时器和refreshReport()函数来实现。

自定义查询条件：在进行项目开发的时候，有时需要ActiveReports只做一个报表展示的功能，然后数据的筛选和其它功能的实现都是通过自定义来实现。

绑定数据源到报表

多数据源绑定：该demo主要介绍了报表是如何在后台进行多数据源绑定。

通过Object类型数据源绑定对象或者集合对象：该demo主要介绍了报表如何动态绑定object 动态数据源。

通过DataSet类型数据源绑定DataTable：该demo主要介绍了报表如何动态绑定 Dataset 动态数据源。

数据源绑定JSON数据源：该demo主要介绍了报表如何动态绑定JSON数据源，注意点：

1、JSONFilePath 的路径要正确。

2、source_url 要是一个您可以访问的服务地址。

例图：MVC 平台下ActiveReports 利用HTML5Viewer 加载以及显示报表

关于 ActiveReports .NET 报表控件

ActiveReports 是一款专注于 .NET 平台的报表控件，全面满足 HTML5 / WinForm / ASP.NET / ASP.NET MVC / WPF 等平台下报表设计和开发工作需求，作为专业的报表工具为全球超过 300,000 开发人员提供了全面的报表开发服务。

使用 ActiveReports 报表设计器，用户可轻松设计如 Excel 表格、Word 文档、Dashboard 大屏等常见类型报表，并将数据以丰富灵活的可视化图表方式呈现给最终用户。同时，ActiveReports 报表控件在运行时还为最终用户提供数据筛选、排序、钻取、表达式跳转等强大的报表交互分析能力，无需修改代码即可满足用户在不同场景下的报表需求，从而提高开发效率，加速项目交付。