反馈已提交

网络繁忙

JS实现网页框内模板提交

  • 文档创建者:星踪
  • 编辑次数:4次
  • 最近更新:星踪 于 2022-06-27
  • 1. 概述

    1.1 问题描述

    模板用网页框嵌入了子模板,想在父页面中触发子模板的提交或者其他事件。

    1.gif

    1.2 实现思路

    利用JS接口获取网页框里的子模板,之后执行需要的事件,例如提交接口。

    注:该方案不支持跨域和移动端


    2. 示例

    2.1 设计模板

    如图制作父模板1.frm,以网页框的方式嵌入填报预览的子模板2.cpt。

    父模板

    子模板

    2.2 设置按钮点击事件

    给父模板1.frm中的按钮设置点击事件,JS如下:

    document.getElementsByName('RHIFRAME0')[0].contentWindow._g().verifyAndWriteReport(true);
    //获取网页框内子模板,执行校验提交

    其中RHIFRAME0为网页框的控件名,需要大写。document.getElementsByName('RHIFRAME0')[0].contentWindow为获取网页框中的子模板,后续的JS即视为在子模板中执行。例如想要刷新子模板,可以用document.getElementsByName('RHIFRAME0')[0].contentWindow._g().refreshAllSheets();

    2.3 效果预览

    1.gif


    3. 模板下载

    点击下载模板:1.frm2.cpt


    附件列表


    主题: 填报应用
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭