根据参数查看不同报表，JS根据参数不同打开不同报表

ゞ浴缸里的玫瑰 2023-06-15 06:41 21阅读 0赞

url = '/webroot/decision/view/report?viewlet=InshipOutship/Outship.frm';

**新窗口打开报表**：window.open(FR.cjkEncode(url));

**当前窗口打开报表：**

1.//在当前标签页打开报表

window.location = "$\{servletURL\}?viewlet=InshipOutship/consume2\_sub\_LTPS.frm" ;

2./在新标签页打开报表

window.parent.FS.tabPane.addItem(\{title:"采购主界面",src:"$\{servletURL\}?viewlet=Delivery\_Cycle/Procurement\_Cycle/pur\_cycle\_menu.frm&p1="+value1\})

**对话框方式打开**：FR.doHyperlinkByGet(\{url:url,feature:'width=700,height=450,',title:'主页',target:'\_dialog'\});

## ps:传递参数包含中文、特殊符号 需要用encodeURI()转码函数，代码格式如下： ##

window.location = "${servletURL}?viewlet=" + encodeURI(cptName) + "&ID="+ encodeURI(orderID);

或者：

# #

## 1. 描述 ##

在进行查询数据时，一般是根据参数值的不同展现不同的数据，但是可能希望根据参数值的不同跳转到不同的模板，如下图所示，此时要如何实现呢？

![222][]

改变查看的报表：  
![222][222 1]

## 2. 思路 ##

使用3张模板来实现：参数模板、子模板 1、子模板 2。

参数界面单独制作一张模板，使用下拉框控件选择要查看的报表，点击查询时触发点击事件，跳转到对应报表，并将其余参数也传递给报表。

JS 中使用

window.location = url;

来实现当前页面的刷新。

## 3. 示例 ##

### 3.1 子表准备 ###

子模板 1 使用%FR\_HOME%\\webroot\\WEB-INF\\reportlets\\doc\\Advanced\\Father.cpt模板，在该模板基础上添加参数 ID，用于过滤出对应订单 ID 的数据，具体实现方法可参考 [模板参数][Link 1] 章节。已添加参数 ID 的子模板为%FR\_HOME%\\webroot\\WEB-INF\\reportlets\\doc\\Advanced\\Father1.cpt。

子模板 2 使用%FR\_HOME%\\webroot\\WEB-INF\\reportlets\\doc\\Advanced\\Son.cpt模板，该模板已经包含参数 ID，筛选出对应订单 ID 的数据。

### 3.2 制作参数界面模板 ###

参数界面单独制作一张模板，新建工作簿，点击模板>模板参数，定义两个参数分别为 orderID，cptName。

1）参数界面设置

设置 orderID 的控件类型为下拉框，其值选择数据库表中的订单表，实际值与显示值都选择订单 ID。

设置 cptName 的控件类型为下拉框，其值选择自定义，列出需要查看的报表名称，实际值为对应报表路径，如下图：

![222][222 2]

2）查询按钮事件设置

给查询按钮增加点击事件,如下图：

![222][222 3]

具体 JS 如下：

var orderID = this.options.form.getWidgetByName("orderID").getValue();    
    var cptName = this.options.form.getWidgetByName("cptName").getValue();
    window.location = "${servletURL}?viewlet=" + cptName + "&ID="+ orderID;

注：子报表名称包含中文的时候需要使用encodeURI()转码函数，代码格式如下：

window.location = "${servletURL}?viewlet=" + encodeURI(cptName) + "&ID="+ encodeURI(orderID);

或者：

window.location = encodeURI("${servletURL}?viewlet=" + cptName + "&ID="+ orderID);

注：如果子报表为填报报表，需要在 cptName 后增加 "&op=write"。

如果希望在新窗口打开，改为这段代码：
    window.open("${servletURL}?viewlet=" + encodeURI(cptName) + "&ID="+ encodeURI(orderID),"_blank");

### 3.3 效果查看 ###

保存参数模板，并点击分页预览，选择订单 ID 及需要查看的报表，就可以跳转到对应报表。

已完成模板，可参见：%FR\_HOME%\\webroot\\WEB-INF\\reportlets\\doc\\Parameter\\根据参数查看不同报表.cpt。

[点击下载模板][Link 2]

[222]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxODA3LzIwMTgwNzA1MTE1MzAwXzM1MjQucG5n?x-oss-process=image/format,png
[222 1]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxODA3LzIwMTgwNzA1MTE1MzAwXzIxNDAucG5n?x-oss-process=image/format,png
[Link 1]: https://help.finereport.com/doc-view-157.html
[222 2]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxODA3LzE1MzA3NzAyOTZVMHJhZ2hici5wbmc?x-oss-process=image/format,png
[222 3]: https://imgconvert.csdnimg.cn/aHR0cHM6Ly9oZWxwLmZpbmVyZXBvcnQuY29tL3VwbG9hZHMvMjAxODA3LzE1MzA3NzAyMDBrdkpCT1VZRC5wbmc?x-oss-process=image/format,png
[Link 2]: http://www.finereporthelp.com:8021/download/FR10.0/10.0demo/doc/Parameter/%E6%A0%B9%E6%8D%AE%E5%8F%82%E6%95%B0%E6%9F%A5%E7%9C%8B%E4%B8%8D%E5%90%8C%E6%8A%A5%E8%A1%A8.cpt