如何在二开中实现与内嵌iframe的通信?
2024-04-07 10:49
为什么被折叠? 0 个回复被折叠

回答(1)

沧澜 前台管理员
2024-04-07 16:21

需要给“iframe”组件内嵌一个网页,并绑定对应的二次开发代码。这里使用“iframe”组件、“基础单行文本”组件和“按钮”组件进行演示,实现以下两个效果来展示通信的过程:

1)点击"按钮""iframe"接受消息从而更新内部的文本。

2)点击"iframe"内的页面,发送消息给"按钮""按钮"更新"文本组件"的内容。


具体的操作步骤如下:

打开一个空白项目,在左侧菜单栏中各添加一个iframe、按钮、基础单行文本组件,如下图所示:


选中“iframe”组件,在右侧样式设置中将“数据源选择”修改为“文件夹地址”,将提前准备好的网页代码导入,点击链接即可查看代码:iframe内部的网页代码


在上方点击切换到“代码”窗口,添加一个新的脚本,为“iframe”绑定对应二开代码,点击链接即可查看代码:iframe绑定的二开代码


然后在下方的“自定义设置项”中,将“文本组件”设置为添加的“基础单行文本”组件,用来记录“iframe”内页面的点击次数,如下图所示:


最后选中“按钮”组件,添加一个新的交互:触发二次开发中的事件,如下图所示,这样就完成在二开中实现与内嵌iframe的通信的全部步骤。


第一个效果:点击"按钮""iframe"接受消息从而更新内部的文本,如下图所示:


第二个效果:点击"iframe"内的页面,发送消息给"按钮""按钮"更新"文本组件"的内容,效果如下图所示:

相关问题

客户是美术团队,模型可以自己建模之后直接导入进去吗?最好能实现模型分类管理
如何实现点击文本,跳转到百度搜索网页
如何在GIS地图中精准搜索已标好的坐标点
如何在将大屏内嵌到系统并设置权限管理、添加身份后,解决内嵌iframe二次登录问题?
在二开代码中设置了点击事件,代码以及设置均没有问题,但是不生效是什么原因呢
菜单选中触发之后想再次点击这个选中的菜单,触发选中事件怎么实现?
接口返回的 0 1如何通过二开将文字改成在线和离线
您好,我想问一下,地图上使用呼吸层,点位是接入的每个监测站点的AQI数据,呼吸点的颜色可以根据AQI的值显示不同的颜色吗?0-50是绿色,50-100是黄色这样,山海鲸能不能实现这个功能怎么实现
如何在山海鲸可视化中进行数据筛选和过滤?
例如我做一张报表或者大屏,如果报表或大屏里面有指标异常,可以出发提醒,推送到企微,企微可以看到这些数据,可以实现这个功能吗
扫描关注公众号

更多数字孪生可视化干货内容等你发现

了解更多内容

扫一扫
加入官方微信群
咨询热线0571-88650917
地址 公司 邮箱

杭州市文一西路海创科技中心 311121

杭州多算科技有限公司

support@shanhaibi.com

关注山海鯨官方qq群,了解更多内容

QQ群号:788095444

Copyright © 2020-2026 多算科技, All Rights Reserved. 浙ICP备20006837号-5