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

  

1. 描述

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

即如下所示效果:

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

2. 思路

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

JS实现子报表中返回主报表var backto=backgoto;

window.location.href=(backto);

3. 操作步骤

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

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

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

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

在自定义事件中添加js:

JS实现子报表中返回主报表var backto=backgoto;

window.location.href=(backto);

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

注:Father.cpt为主报表

如图所示:

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

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

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

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

5. 已完成模板

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

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

点击下载模板