[]
        
(Showing Draft Content)

集成方式

从用户界面的角度看,将 Wyn 文档集成到活字格页面,有两种方式:

(1)页面跳转:即在活字格页面中,设置一个链接,用户点击该链接,浏览器跳转到 Wyn 文档显示页面。

(2)页面嵌入:即在活字格页面中,设置一个iframe,用户点击【显示报表】按钮时,Wyn 文档直接显示在 iframe 中。

页面跳转

在获取 Token 并拼接完成可直接访问的 Wyn 的文档 URL 之后,可以在活字格页面中设置一个链接,设置【页面跳转】命令,如下图:

image2020-6-19_12-27-15.png


其中的URL,就是带有&token=xxx参数的可直接访问的 Wyn 文档URL,例如:

http://localhost:51980/reports/view/5b8796af2e6c1b000e71adca?theme=default&lng=zh-CN&token=806e58d428b276207bd36b07248143e2a975ad961bbc27bc32f61af404e916d7

页面嵌入

在活字格页面中使用iframe嵌入显示 Wyn 文档,步骤如下:

1. 设置合并单元格并命名

在准备用于显示报表内容的区域,设置单元格合并,然后在左上角的单元格名称框内输入一个名称,例如:ReportContainer,如下图:

image2020-6-19_13-40-43.png


2. 设置按钮 JavaScript 命令

页面顶部的【查看报表】按钮,其命令为一个JavaScript命令,如下图:

image2020-6-19_13-41-16.png

JavaScript代码如下:

var iframe = $('[fgcname = "ReportContainer"]'); // 此处的ReportContainer就是合并单元格的名称
// 从本地存储中获取令牌
var token = window.localStorage["token"];
// 组织成可直接访问的URL
var urlStr = http://localhost:51980/reports/view/5b8796af2e6c1b000e71adca?theme=default&lng=zh-CN  + "&token=" + token;
// 将URL设置为iframe的src属性
iframe.empty();
iframe.append("<iframe style='height: 100%; width: 100%; border: 0px;' src='" + urlStr + "'/>");

代码中,可直接访问的URL,由文档URL加上令牌参数("&token=" + token)构成。