跨屏交互——回调参数的应用

易知微创新技术团队

| 2024-09-26 11:55 83 0 0

在有些较大的项目场景中，主看板中可能会包含多个页面引用，在功能层面上需要进行跨屏交互。例如切换展示的子界面，主页面的某个元素也随之变化。（以下🌰包含了3个屏噢）

一、实现逻辑

屏1、屏2 发送回调给屏3，屏3接收回调，通过回调，修改数据和配置动作。

2.1 屏1编辑流程

在屏1中加入需要展示的组件，需要发出回调的组件为【标题】，配置好text和id字段。

在交互-回调参数中配置动作、字段值和变量名。

2.2 屏2编辑流程

屏2配置和屏1类似，如下图所示。

2.3 屏3配置流程

第一步，在屏3中添加【引用面板】，分别引用屏1和屏2。

第二步，添加【标题】组件（这里以标题组件为例，用户可以根据需要变化的组件自行添加），添加数据过滤器，接收回调。

第三步，回调字段接收“id”，通过id修改展示数据。

第四步，在交互-自定义事件中通过接受id修改相应动作。配置如下：

数字孪生可视化 引用面板 自定义事件 数据过滤器 回调参数中配置动作

赞同 0

135

文章

1.08K

人气

粉丝

关注

扫码获取

更多数字孪生可视化干货内容