1. 程式人生 > >免費資源 | ActiveReports 報表控件發布多平臺 Demo 代碼集合

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

方法 oar rep ali 縮放 編寫 toolbar mvc框架 工具欄

近期,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 報表控件在運行時還為最終用戶提供數據篩選、排序、鉆取、表達式跳轉等強大的報表交互分析能力,無需修改代碼即可滿足用戶在不同場景下的報表需求,從而提高開發效率,加速項目交付。


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