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