免費資源 | ActiveReports 報表控制元件釋出多平臺 Demo 程式碼集合

近期， 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 報表控制元件在執行時還為終端使用者提供資料篩選、排序、鑽取、表示式跳轉等強大的報表互動分析能力，無需修改程式碼即可滿足使用者在不同場景下的報表需求，從而提高開發效率，加速專案交付。