历史版本2 :JS实现决策报表中网页框刷新 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 描述编辑
一个决策报表中使用了A、B两个网页框，两个网页框分别显示A、B两个不同的报表，如何在A网页框中点击A报表中的按钮刷新B网页框中的B报表呢？
实现效果如下图（左边为A报表，右边为B报表）：
2. 思路编辑
使用js：window.parent获取到父模板的网页框，使用网页框控件的reload()方法刷新网页框。
注：需要安装“网页框控件”插件。
3. 示例编辑
3.1 新建父模板parent.frm
新建一个决策报表parent.frm，并拖入两个网页框控件，如下图所示：
3.2 新建子模板A.cpt
1）新建一个普通报表A.cpt，选中A1单元格，在右侧属性面板中选择控件设置，选择按钮控件，并设置按钮名字为：刷新父模板网页框B，如下图所示：
2）控件设置选择事件，添加点击事件：
js代码如下：
window.parent._g().getWidgetByName('rHIframe1').reload(); //rHIframe1为父模板需要刷新的网页框控件名
或者使用下面的代码：
var parent = window.parent;
var iframe = parent.document.getElementById('RHIFRAME1');//RHIFRAME1是决策报表中需要刷新的网页框名称的大写
iframe.contentWindow.location.reload(true);
3）保存子模板A.cpt。
3.3 新建子模板B.cpt
1）新建一个普通报表B.cpt，在A1单元格插入公式：ROUND5(RAND() * 50,0)，如下图所示：
2）保存子模板B.cpt。
3.4 设置父模板网页框
1）打开父模板parent.frm，选中rHIframe0网页框，设置地址和参数，使用模板路径，选择A.cpt，并添加参数op，参数值设置为字符串：write：
2）选中rHIframe1网页框，设置地址和参数，使用模板路径，选择B.cpt：
3）保存父模板parent.frm。
4. 预览效果编辑
4.1 pc端
保存模板，选择分页预览，实现效果如描述中所示。
4.2 移动端
不支持移动端