JS实现从子报表返回主报表

1.1 场景描述

在主报表中插入超链接，实现点击超链接跳转到子报表后，如何实现从子报表跳转回主报表呢？效果如下图所示：

1.2 实现思路

在子报表模板的工具栏添加自定义按钮，按钮的「自定义事件」内容为返回主报表。

2.1 准备模板

子模板：内置模板 %FR_HOME%/webapps/webroot/WEB-INF/reportlets/doc/Advanced/son.cpt

主模板：内置模板 %FR_HOME%/webapps/webroot/WEB-INF/reportlets/doc/Advanced/Father.cpt 

注：这里主模板中已经设置了超链接到子模板。

2.2 子模板添加自定义按钮

1）打开子模板 son.cpt，点击「模板>模板 Web 属性>分页预览设置」，选择「为该模板单独设置」，在工具栏面板中双击「自定义按钮」添加一个自定义按钮，如下图所示：

2）点击按钮，设置按钮属性，在「控件图标」处，点击「编辑」选择一个按钮图标，如下图所示：

2.3 添加自定义事件

选择按钮图标之后，点击「自定义事件」，为按钮添加返回到主报表的自定义 JS 事件，如下图所示：

其中需要添加一个参数，参数作用为存储主报表路径。

参数名为 backgoto，值为公式 ：CONCATENATE(serverURL,servletURL,'?viewlet=doc/Advanced/Father.cpt')

JavaScript 代码如下 ：

var backto=backgoto;
window.location.href=(backto);

2.4 预览效果

保存模板，选择「分页预览」，效果下图所示：

注：不支持移动端。

注：仅提供修改后的子模板，注意修改后的子模板名称已改变，请对应修改主模板内超链接中子模板的名称和路径。

已完成的模板，可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\填报预览JS实例\20-JS实现子报表中返回主报表.cpt

点击下载模板 ：20-JS实现子报表中返回主报表.cpt