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

  

1. 描述

场景描述：在项目查看时，有时会用到从主界面跳转到子界面的功能，这时就可能会需要返回主界面。

即如下所示效果：

2. 思路

在工具栏选择自定义按钮，添加js，增加参数，使其返回主报表，js代码如下：

var backto=backgoto;

window.location.href=(backto);

3. 操作步骤

打开%FR_HOME%/webapps/webroot/WEB-INF/reportlets/doc/Advanced/son.cpt，点击模板>模板web属性>分页预览设置，添加自定义按钮：

选择自定义按钮的控件图标：

在自定义事件中添加js：

var backto=backgoto;

window.location.href=(backto);

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

注：Father.cpt为主报表

如图所示：

4. 预览效果4.1 PC端预览效果

保存模板，选择填报预览，实现效果如上图。

注：经过测试，手机端和h5不支持该效果。

5. 已完成模板

模板效果在线查看请点击：JS实现子报表中返回主报表.cpt

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

点击下载模板