免費資源 | ActiveReports 報表控件發(fā)布多平臺 Demo 代碼集合

近期，ActiveReports 產(chǎn)品開發(fā)組的小伙伴針對大家比較關注的報表功能、常見問題、經(jīng)典實現(xiàn)，特意準備了一個Demo代碼集合，涉及WinFormss \ ASP.NET \ MVC 多個技術平臺，包含導出、打印、WebViewer、HTML5Viewer、自定義工具欄、自定義搜索等多個具體功能的實現(xiàn)。

WinFormss 平臺下使用 ActiveReports 報表控件

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

WinForms 加載四種報表：如何在WinForms框架下，加載ActiveReports的四種不用的報表（RDL報表，頁面報表，區(qū)域報表基于XML，區(qū)域報表基于代碼）。

WinForms 增加導出和打印按鈕：在WinForms框架下，報表展示的工具欄沒有導出和打印按鈕，這需要我們通過后臺代碼進行按鈕的添加觸發(fā)事件的編寫。

WinForms 實現(xiàn)靜默打印：通過點擊打印按鈕，直接調(diào)用打印機進行報表的打印。

WinForms 綁定運行時數(shù)據(jù)源：WinForms框架下，四種不同的報表如何進行綁定運行時數(shù)據(jù)源。 

例：WinForms 下的ActiveReports靜默打印實現(xiàn)

ASP.NET 下使用WebViewer & HTMLViewer 加載顯示報表

使用HTMLViewer：Asp.net 框架下，使用HTMLViewer加載四種不同的報表（RDL報表，頁面報表，區(qū)域報表基于XML，區(qū)域報表基于代碼）。

使用FlashViewer：Asp.net 框架下，使用FlashViewer加載四種不同的報表（RDL報表，頁面報表，區(qū)域報表基于XML，區(qū)域報表基于代碼）。

使用AcrobatReader：Asp.net 框架下，使用HTMLViewer加載四種不同的報表（RDL報表，頁面報表，區(qū)域報表基于XML，區(qū)域報表基于代碼）。

使用RawHTML： Asp.net 框架下，使用HTMLViewer加載四種不同的報表（RDL報表，頁面報表，區(qū)域報表基于XML，區(qū)域報表基于代碼）。

HTMLViewer增加打印按鈕：Asp.net 框架下，使用HTMLViewer加載報表，工具欄是沒有打印按鈕的，需要手動添加打印按鈕。

HTMLViewer增加導出按鈕：Asp.net 框架下，使用HTMLViewer加載報表，工具欄是沒有導出按鈕的，需要手動添加打印按鈕。

FlashViewer增加導出按鈕：Asp.net 框架下，使用FlashViewer加載報表，工具欄是沒有導出按鈕的，需要手動添加導出按鈕。

定義HTMLViewer 參數(shù)面板隱藏：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 連續(xù)模式展示報表:在MVC 框架下，使用Html5Viewer進行報表連續(xù)模式的加載，需要注意的點是:

設置： renderMode: 'Galley' （連續(xù)模式）

HTML5Viewer 凍結行頭列頭展示: 在MVC 框架下，使用Html5Viewer進行行列頭展示，需要注意的點是:

1、設置： renderMode: 'Galley' （只有在連續(xù)模式下，凍結行列頭才有效）；

2、展示的報表需要設置 FrozenColumns和FrozenRows的值，并且只能凍結表頭和列頭。)

HTML5Viewer 自定義Toolbar按鈕：在MVC 框架下，使用Html5Viewer加載報表，進行自定義Toolbar按鈕注意的點是：

UiType模式：Custom。

HTML5Viewer 傳報表參數(shù)： 在MVC框架下，使用Html5viewer 。當使用參數(shù)報表的時候，有時項目需要進行前端的參數(shù)傳遞，需要注意的點是：

前端傳遞的參數(shù)命名和報表的參數(shù)命名要一致。 

HTML5Viewer 傳報表多值參數(shù)：在MVC框架下，使用Html5viewer 。當使用參數(shù)報表的時候，有時項目需要進行前端的參數(shù)傳遞，需要注意的點是：

前端傳遞的參數(shù)命名和報表的參數(shù)命名要一致。

HTML5Viewer 綁定動態(tài)數(shù)據(jù)源：在MVC框架下，使用Html5viewer 動態(tài)綁定數(shù)據(jù)源，注意點：

1、添加一個WebService的服務。

2、服務繼承的方法：GrapeCity.ActiveReports.Web.ReportService。

使用HTML5Viewer 實現(xiàn)報表自動刷新：在進行報表加載后，有時需要報表定時刷新，來進行數(shù)據(jù)的動態(tài)顯示?？梢酝ㄟ^定時器和refreshReport()函數(shù)來實現(xiàn)。

自定義查詢條件：在進行項目開發(fā)的時候，有時需要ActiveReports只做一個報表展示的功能，然后數(shù)據(jù)的篩選和其它功能的實現(xiàn)都是通過自定義來實現(xiàn)。

綁定數(shù)據(jù)源到報表

多數(shù)據(jù)源綁定：該demo主要介紹了報表是如何在后臺進行多數(shù)據(jù)源綁定。

通過Object類型數(shù)據(jù)源綁定對象或者集合對象：該demo主要介紹了報表如何動態(tài)綁定object 動態(tài)數(shù)據(jù)源。

通過DataSet類型數(shù)據(jù)源綁定DataTable：該demo主要介紹了報表如何動態(tài)綁定 Dataset 動態(tài)數(shù)據(jù)源。

數(shù)據(jù)源綁定JSON數(shù)據(jù)源：該demo主要介紹了報表如何動態(tài)綁定JSON數(shù)據(jù)源，注意點：

1、JSONFilePath 的路徑要正確。

2、source_url 要是一個您可以訪問的服務地址。

例圖：MVC 平臺下ActiveReports 利用HTML5Viewer 加載以及顯示報表

關于 ActiveReports .NET 報表控件

ActiveReports 是一款專注于 .NET 平臺的報表控件，全面滿足 HTML5 / WinForm / ASP.NET / ASP.NET MVC / WPF 等平臺下報表設計和開發(fā)工作需求，作為專業(yè)的報表工具為全球超過 300,000 開發(fā)人員提供了全面的報表開發(fā)服務。

使用 ActiveReports 報表設計器，用戶可輕松設計如 Excel 表格、Word 文檔、Dashboard 大屏等常見類型報表，并將數(shù)據(jù)以豐富靈活的可視化圖表方式呈現(xiàn)給最終用戶。同時，ActiveReports 報表控件在運行時還為最終用戶提供數(shù)據(jù)篩選、排序、鉆取、表達式跳轉(zhuǎn)等強大的報表交互分析能力，無需修改代碼即可滿足用戶在不同場景下的報表需求，從而提高開發(fā)效率，加速項目交付。