山海鲸可视化

如何用二次开发代码控制状态切换?

山海鲸可视化软件组件的二次开发中可以触发二次开发事件,组件能够通过监听二次开发事件来控制状态切换,下面介绍下具体操作步骤:

1 设置二开代码

1
this.element.emit("事件名称A");

2 给组件设置交互

配置好二次开发代码后,需要给组件设置交互,交互设置如下:
“触发”选择“接收到二次开发中的事件”
“名称”设置为二次开发代码中使用的名称,即“事件名称 A”
“动作”选择“切换状态”
“目标组件”选择需要切换状态的组件。
“状态”选择需要组件切换到的状态。
“顺序”选择“与上一动作同时”
image.png

组件交互设置完成后,每当触发二次开发事件时,我们设置的“目标组件”都会将它的状态切换至交互设置中选择的状态。