轉(zhuǎn)帖|其它|編輯:陳津勇|2019-09-04 16:49:49.430|閱讀 451 次
概述:本文主要介紹.NET報表控件ActiveReports最新版中的 JSViewer功能——基于JavaScript,為用戶提供響應(yīng)式布局和屏幕尺寸自適應(yīng)功能。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
ActiveReports v13現(xiàn)在提供基于JavaScript的一種全新的報表渲染方式——JS Viewer,與原來的Html5 Viewer相比,JS Viewer 具有以下優(yōu)點:
響應(yīng)式網(wǎng)頁設(shè)計
適應(yīng)不同的屏幕尺寸
減少了對其它庫的依賴(如jQuery等)
適用于現(xiàn)代Web端的應(yīng)用框架:Asp.net MVC,Asp.net Core MVC ,HTML5和主要的JavaScript框架,如Angular 和 Vue.js
總結(jié)了這么多JS Viewer的優(yōu)點,下面讓我們一起來使用 JS Viewer進行報表的渲染吧(文末提供 JS Viewer示例的源碼下載)。
JS Viewer渲染報表的步驟
1、首先打開VS并且新建一個Asp.net Web應(yīng)用程序,同時.Net Framework版本選擇4.6.2
2、選擇一個空的項目,然后點擊確定
3、在菜單欄中>>選擇工具>>NuGet 包管理器>>程序包管理器控制臺
4、在程序包管理器的控制臺里輸入如下的命令:
install-package Microsoft.Owin.Host.SystemWeb –Pre
然后點擊“Enter”按鈕,就會在引用中自動添加對應(yīng)的引用
5、在項目中,添加新建項,在新建項的選擇欄中選擇>>OWIN Startup Class
6、添加引用
7、引用的具體路徑:C:\Program Files (x86)\Common Files\GrapeCity\ActiveReports 13 ,選擇 GrapeCity.ActiveReports.Aspnet.Viewer.dll 的引用添加到項目中
8、復(fù)制Web.Config文件,然后替換項目中已經(jīng)存在的Web.Config文件,Web.Config的路徑:
C:\\Program Files (x86)\\GrapeCity\\ActiveReports 13\\Deployment\\JSViewer |
注意:移除Web.Config中的
9、添加和配置報告中間件,例如:
10、中添加一個新的HtmlPage1.html
11、在Scripts文件夾下添加JS Viewer對應(yīng)的JS和CSS文件
12、JS和CSS文件的路徑如下:C:\Program Files (x86)\GrapeCity\ActiveReports13\Deployment\JSViewer
13、復(fù)制jsViewer.min.js和jsViewer.min.css文件到‘scripts’文件夾下
14、在新建的HtmlPage1.html的添加如下代碼:
Loading Report
15、報表運行結(jié)果如下:
JS Viewer示例的源碼
想要獲得 ActiveReports 更多資源的伙伴,請點這里。
想要獲取 ActiveReports 正版授權(quán)的伙伴,
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自: