如何替换HTML5Viewer为JSViewer 指南

登录

1. 先进行版本转换

在Visual Studio 中使用转换工具，会一键替换旧项目的dll 及Web.config文件为当前安装的版本。

2. 设置项目 .Net Framework 版本为 4.6.2

3. 安装 JSViewer 需要的Nuget包

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

l 选择对应的包

n Microsoft.Owin.Host.SystemWeb4.0.0

n Microsoft.Owin4.0.0

4. 选中项目，添加新项à OWIN Startupclass 用于设置报表存放路径

5. 右键单击项目添加ActiveReports 必要的引用或者通过添加新项->Reporting-RDL 报表来自动生成对应dll

C:\Program Files (x86)\CommonFiles\GrapeCity\ActiveReports 13

如

l GrapeCity.ActiveReports.Aspnet.Viewer.dll

6. 添加 Scripts 脚本文件到项目中及 Web.config 文件（如果旧项目的 Web.config文件没有改动的话，可直接覆盖）JS 代码可以从NPM 直接获取

https://www.npmjs.com/package/@grapecity/ar-viewer

7. 修改 Startup.cs 函数

//Startup.cs

using GrapeCity.ActiveReports.Aspnet.Viewer;

publicvoid Configuration(IAppBuilder app)

{

<...>

app.UseReporting(settings =>

{

// Reporting middleware settings

settings.UseFileStore(newDirectoryInfo("path to the reports folder"));

});

}

8. 在html页面中输入以下代码，完成

<!DOCTYPEhtml>

<html>

<head>

<scriptsrc="scripts/jsViewer.min.js"></script>

</head>

<body>

<div class=theme-defaultid="viewerContainer">Loading Report</div>

</body>

</html>

<scripttype="text/javascript">

var viewer =GrapeCity.ActiveReports.JSViewer.create({

element: '#viewerContainer',

reportID: 'ReportName.rdlx', // the idof the report to display

availableExports: ['Xml', 'Pdf','Excel'],

reportService: {}

// other properties

});

</script>

		自动登录	找回密码
密码			立即注册

[ActiveReports] 如何替换HTML5Viewer为JSViewer 指南

本帖子中包含更多资源

0 个回复

活字格认证

讲师达人

悬赏达人

微信认证勋章

元老葡萄