彩票走势图

ActiveReports v13现在提供基于JavaScript的一种全新的报表渲染方式——JS Viewer，与原来的Html5 Viewer相比，JS Viewer 具有以下优点：

• 响应式网页设计

• 适应不同的屏幕尺寸

• 减少了对其它库的依赖（如jQuery等）

• 适用于现代Web端的应用框架：Asp.net MVC，Asp.net Core MVC ，HTML5和主要的JavaScript框架，如Angular 和 Vue.js

总结了这么多JS Viewer的优点，下面让我们一起来使用 JS Viewer进行报表的渲染吧（文末提供 JS Viewer示例的源码下载）。

点击下载ActiveReports试用版

JS Viewer渲染报表的步骤

1、首先打开VS并且新建一个Asp.net Web应用程序，同时.Net Framework版本选择4.6.2

2、选择一个空的项目，然后点击确定

3、在菜单栏中>>;选择工具>>NuGet 包管理器>>程序包管理器控制台

4、在程序包管理器的控制台里输入如下的命令：

install-package Microsoft.Owin.Host.SystemWeb –Pre

然后点击“Enter”按钮，就会在引用中自动添加对应的引用

5、在项目中，添加新建项，在新建项的选择栏中选择>>;OWIN Startup Class

6、添加引用

7、引用的具体路径：C:\Program Files (x86)\Common Files\GrapeCity\ActiveReports 13 ，选择 GrapeCity.ActiveReports.Aspnet.Viewer.dll 的引用添加到项目中

8、复制Web.Config文件，然后替换项目中已经存在的Web.Config文件，Web.Config的路径：

注意：移除Web.Config中的

9、添加和配置报告中间件，例如：

10、中添加一个新的HtmlPage1.html

11、在Scripts文件夹下添加JS Viewer对应的JS和CSS文件

12、JS和CSS文件的路径如下：C:\Program Files (x86)\GrapeCity\ActiveReports13\Deployment\JSViewer

13、复制jsViewer.min.js和jsViewer.min.css文件到‘scripts’文件夹下

14、在新建的HtmlPage1.html的添加如下代码：

        
                
    Loading Report

15、报表运行结果如下：

JS Viewer示例的源码

>>点击获取JSViewer示例源码

想要获得 ActiveReports 更多资源的伙伴，请点这里。

想要获取 ActiveReports 正版授权的伙伴，