历史版本9 :JS实现关闭子页面时刷新父页面 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1、描述编辑

      场景描述：在实际项目中做填报时，会遇到点击按钮跳转到子窗口填写详细信息，当填报完成，关闭子窗口时，希望能刷新父窗口，要如何设置才能实现子窗口关闭后刷新父页面呢？

222



2、思路编辑

在我们填报过程中，当我们链接到子报表时，通过填报设置里面的加载结束事件，就可以将之前的页面重载刷新。

我们会用到两个方法：

1、在子窗口退出的时候，通过window.opener.location.reload() 刷新父窗口。

2、 onunload 事件在用户退出页面时触发事件。 

将上述两种事件结合起来使用，可以触发该效果。

3、操作步骤编辑

3.1 新建父页面

1）新建父页面，添加ds1数据集：SELECT * FROM user。

设计界面如下：


222


3.2 新建填报子页面

1）填报子页面设计界面如下：

222

2）设置报表填报属性：

222

在子窗口的填报模板，点击模板>模板web属性>填报页面设置，点击事件设置，添加加载结束事件。

注意：是在被链接的模板上面加填报页面设置，加载结束事件。


222


添加js代码：

window.onunload = function(){ this.opener.location.reload(); }

4、移动端预览编辑

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

可以参考此效果：[APP]填报成功关闭当前页面并刷新父页面-http://help.finereport.com/doc-view-2338.html