本文档以Tab列表控制区域图和基本柱状图的显隐为例,为您介绍使用DataV蓝图编辑器功能控制组件显隐的方法。
前提条件
准备好交互需求。
本案例的交互需求为:当您单击Tab列表中不同的页签时,会切换为不同的组件显示对应的数据。
背景信息
本文档为您提供以下两种解决方案。
- 通过分支判断节点设置触发条件控制组件的显示和隐藏,详情请参见下文的通过分支判断节点控制。
- 通过串行数据处理节点结合组内轮播功能控制组件的显示和隐藏,详情请参见下文的通过串行数据处理节点控制。
理解案例交互
当前案例实现需要您将交互转成节点和连线的关联关系,需要使用的组件有满足需求的事件和动作才能进行连线配置,否则就无法实现。
- 组件:组件包含两种能力,事件抛出能力和动作执行能力。本案例使用了翻牌器组件之间的联动。
- Tab列表:具备抛出请求接口返回数据的能力。
- 区域图&基本柱状图:属于被联动组件,具有接收数据并执行动作的能力。
- 蓝图编辑器:通过运用逻辑节点编排的方式,将上游组件的交互/事件与下游组件的执行动作绑定,从而实现页面内组件间的交互联动。
说明 蓝图编辑器配置完成后需要在预览页查看配置效果。