JS實現網頁框內範本提交

1.1 問題描述

範本用網頁框嵌入了子範本，想在父頁面中觸發子範本的提交或者其他事件。

1.2 實現思路

利用JSAPI獲取網頁框裏的子範本，之後執行需要的事件，例如提交API。

注：該方案不支援跨域和行動端

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.frm、2.cpt