填报成功后自动关闭窗口

编辑
文档创建者:文档助手1 (67727 )     浏览次数:4768次     编辑次数:18次     最近更新:ukae 于 2018-08-03     

目录:

1.描述编辑

1.在填报模板中,对于填报成功后,想自动关闭当前窗口,那么如何实现呢?
2.或者填报成功后,希望跳转到另一个页面,又该如何实现?
3.以及我们希望在页面上点击超级链接跳转到填报子页面,填报成功后,想自动关闭窗口,那么该如何实现呢?
4.或者填报成功后,希望关闭填报子页面回到父页面,又该如何实现?
我们将针对以上四种情况分别介绍。

2.思路编辑

这四种情况最核心的始终是关闭页面。在此介绍一种JS事件window.close();
用于关闭浏览器窗口。所有主流浏览器均支持该方法。

3.操作步骤编辑

示例一:填报成功直接关闭窗口

点击模板>模板web属性>填报页面设置,然后添加填报成功事件,如下图:

222

输入如下js脚本:
window.close();

示例二:填报成功跳转到另一个窗口
如果不是关闭当前窗口,而是转向某一个页面,则可用:
window.open("网址","_self");
这里我们将网址设为:http://www.finereport.com/,使其跳转到帆软官网:
222
示例三:点击超链接打开填报页面,填报成功关闭窗口

父模板设置

新建普通报表,如图所示,给A1单元格添加超链接:
222
链接打开于:当前窗口;在下方参数界面添加两条参数:
_replaceview_=trueop=write

子模板设置

新建普通报表作为超链接的子模板,设置相应的填报设置,具体可参考行式填报表示例。如图是设置好填报属性的报表:

222

点击模板>模板Web属性>填报页面设置,选择:为该模板单独设置;设置一个填报成功事件,如下图所示:

222

代码如下:

window.close()  

示例四:填报成功关闭当前子模板,返回父模板

与2.2.1的操作步骤基本一致;除了在父模板上设置超链接时稍有不同;如下图所示:
222

链接打开于:新窗口;下方只需保留参数:op=write
其余均不变。

4.预览效果编辑

示例一: 填报成功直接关闭页面
PC端:
222
移动端:
222

注:不支持h5填报

示例二: 填报成功跳转到另一个窗口
PC端:

222
注:不支持移动端

示例三:超链打开填报页面,填报成功关闭窗口

PC端:

如图所示,在父模板中点击超链接,在当前窗口打开子模板;填报成功后关闭当前模板,返回到目录页。
222

移动端:

222

示例四: 填报成功关闭当前子模板,返回父模板

PC端:

如图所示,在父模板点击超链接,打开新窗口的子链接;填报成功后关闭当前子模板,返回到父模板;

222

移动端:

222

更多的web页面事件列表请查看web页面事件

5.已完成模板编辑

示例三:超链打开填报页面,填报成功关闭窗口

模板效果在线查看请点击示例3

点击下载主模板点击下载子模板

注:请把下载的两个模板置于%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FormFAQ下。


示例四:填报成功关闭当前子模板,返回父模板

模板效果在线查看请点击示例4

点击下载主模板点击下载子模板

注:请把下载的两个模板置于%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FormFAQ下。


附件列表


主题: 填报应用
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

此页面有帮助吗? [ 去社区提问 ]