使用 Tab 列表控制组件显示或隐藏

最近更新时间:2023-01-09 14:48:16

我的收藏
本文为您介绍通过控制台使用逻辑编辑器的案例。

操作步骤

1. 登录 腾讯云图数据可视化控制台,选择对应大屏,向画布中添加 Tab 列表和基础柱状图。 n


2. 修改 Tab 列表,使得列表项变为显示隐藏,并设置为默认显示。n


3. 分别右键单击 Tab 列表和通用标题组件,单击导出到逻辑编辑器。n
img

n也可以使用快捷方式导出到逻辑编辑器。
4. 单击左上角的逻辑编辑器。n
img


5. 在逻辑编辑器中将已导入组件拖动至画布。n


6. 将分支判断节点拖动到画布中,并创建连线。n


7. 实现分支判断的逻辑,先查看 Tab 列表 当 Tab 选中变更时 事件传递的数据。这里查看后可以看到该事件传递的数据是选中的数据项,这里我们根据之前第2步设置的变量,将判断函数做修改,当 data.value === 'show' 成立时,分支判断的满足事件将被调用。




8. 最后预览查看逻辑编辑器的运行效果。n