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

  • 文档创建者:gxy120313
  • 编辑次数:14次
  • 最近更新:Kevin-s 于 2019-12-06
  • 1. 概述

    1.1 问题描述

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

    即如下所示效果:

    222

    1.2 实现思路

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


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

    2. 示例

    2.1 操作步骤

    打开%FR_HOME%/webapps/webroot/WEB-INF/reportlets/doc/Advanced/son.cpt

    点击模板>模板 Web 属性>分页预览设置,添加自定义按钮:

    image.png

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

    image.png

    在自定义事件中添加 :


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

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

    注:Father.cpt 为主报表

    如图所示:

    image.png

    2.2 预览效果

    保存模板,选择填报预览,实现效果下图所示:

    222

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


    3. 模板下载

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

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

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


    附件列表


    主题: 二次开发
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!