【帆软FR】JS实现网页框之间联动

楼主
分享常见解决方案,仅供个人参考使用!

一、描述
场景:网页框嵌入子页面,想要多个子页面之间相互传参实现联动的效果;

场景1:子页面1点击下拉框能够联动到子页面2里面筛选过滤数据,实现实时查询的效果;

场景2:子页面1点击单元格实现传参到子页面2效果。

二、示例
2.1 网页框子页面控件联动

思路:先获取子页面1控件的值,然后传递给当前父页面(即网页框1),然后再传参给子页面2,实现传参联动的效果,具体JS如下:

ar aa=contentPane.getWidgetByName("ID");
var ID=aa.getValue();
//alert(ID)
var iframe = window.parent._g().getWidgetByName('rHIframe1');
iframe.setValue("${servletURL}?viewlet=表2.cpt&op=write&ID="+ID);

注意:以前旧的jar可能存在使用如下语法去获取父页面元素的方法parent.document.getElementById('RHIFRAME1');//获取父网页框表2的ID,2021.4.26之后的jar这里的ID就是随机生成的数字,就无法获取到元素,只能使用获取组件名字方式去获取网页框。





2.2 网页框子模板超链联动


思路:直接在JavaScript脚本里面获取单元格值,然后获取父页面网页框去赋值给子页面2联动。


//var parent = window.parent;
//var iframe = parent.document.getElementById('RHIFRAME1');
var iframe = window.parent._g().getWidgetByName('rHIframe1');
iframe.setValue("${servletURL}?viewlet=表2.cpt&ID="+ID);



三、效果查看

PC端效果如下:


注:移动端不支持


对你有帮助的话,可以点赞+关注+收藏,更多知识分享持续更新~



附件模版.zip (5.87 K)

编辑于 2021-9-19 22:31
分享扩散:

沙发
发表于 2021-6-20 09:43:34

回帖奖励 +20

566666666666666666666
板凳
发表于 2021-6-21 09:36:11

回帖奖励 +20

这个可以,很有参考价值
地板
发表于 2021-6-21 13:15:04

回帖奖励 +20

学习学习
5楼
发表于 2021-6-22 11:57:22

回帖奖励 +20

666666666
6楼
发表于 2021-6-22 12:42:03

回帖奖励 +20

7楼
发表于 2021-6-22 17:58:49

回帖奖励 +20

8楼
发表于 2021-6-24 15:57:16

回帖奖励 +20

666666666很有帮助
9楼
发表于 2021-6-25 14:33:30

回帖奖励 +20

学习了,谢谢!
10楼
发表于 2021-7-5 17:59:33

回帖奖励 +20

11楼
发表于 2021-7-6 08:54:09

回帖奖励 +20

12楼
发表于 2021-7-6 09:16:46
66666666
13楼
发表于 2021-7-15 11:21:11
建议参考一下 动态参数  这样移动端就可以用
14楼
发表于 2021-7-15 14:43:33
15楼
发表于 2021-9-9 16:06:31
非常好用,有模板可以下载吗
16楼
发表于 2021-9-10 11:01:46
学到了
17楼
发表于 2021-9-10 15:06:44
18楼
发表于 2021-9-16 08:01:04
请问下。如果要调用网页框上面的参数面板的按钮事件要怎么弄?
19楼
发表于 2022-2-22 09:55:24
20楼
发表于 2022-9-27 14:36:31
有用!赞!
21楼
发表于 2022-9-27 15:41:15
666666666666666666666666666666666
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

21回帖数 28关注人数 14971浏览人数
最后回复于:2023-5-4 10:16

返回顶部 返回列表