事件回调函数调用方法


定义回调事件、目的是为了在其他业务系统中通过IFrame集成的当前页面,可使用平台提供的回调函数获取场景中交互事件时返回的数据。通过这种方式可以实现在集成页面中创建自己的业务事件,如实现弹出层显示详细信息,或者实现页面跳转等操作。

具体实现步骤 

第一步 、给场景中的组件定义事件及回调返回的数据(key-value键值对)

如图 事件定义。



图 事件定义

第二步、 定义事件回调函数

如何来定义。以下以JAVA开发语言代码片断进行说明


handleIframeMessage函数说明:

1、参数 event : 监听iframe中子页面中发送的事件对象。

2、event.data:事件对象返回的数据。

3、data.cmd :返回数据中的属性(代表模型中定义的组件事件类型,不能修改,这块在场景模型已定义好.)

4、EventCallback:不能修改,表示模型中定义的组件事件的单击事件类型。

5、data.params.success:事件请求成功。

6、data.params.data.props:事件请求数据对象的属性;

7、data.params.data.props.btType:事件请求数据对象的属性中btType属性、该属性在模型中的组件事件设置中设置的,如图 组件事件定义。


最后效果如下:





通过数维图软件平台,实现零代码可视化开发!

免费开发我的场景