解读ActiveReports v13新特性:JS Viewer渲染 表

JS Viewer渲染 表的步骤

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

0998451afe715ad320fbcf2908ba64fc.png

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

1.png

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

2.png

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

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

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

3.png

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

4521bf85a978ce80e0dfbcd4fd7afc21.png

6、添加引用

4.png

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

8d3a979a5d4ba4463ac41746a6f87ff8.png

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

C:\Program Files (x86)\GrapeCity\ActiveReports 13\Deployment\JSViewer

注意:移除Web.Config中的


9、添加和配置 告中间件,例如:

11406c07e9f9c045154da55deff376fc.png

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

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

12、JS和CSS文件的路径如下:C:Program Files (x86)GrapeCityActiveReports13DeploymentJSViewer

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

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

                            Loading Report

15、 表运行结果如下:

5d950ebc8a6a81b5a61c36296e242a01.png

JS Viewer示例的源码

>>点击获取JSViewer示例源码


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

想要获取 ActiveReports 正版授权的伙伴,请点这里。

标签:

声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2019年8月2日
下一篇 2019年8月2日

相关推荐

发表回复

登录后才能评论