很多朋友经常来询问,组件配置当中有个回调ID
, 下面就来解释一下回调ID究竟是干嘛用,可以先看下最终的结果。比如时间轴地图,点击地图上的点显示这个点的详细信息,以及点击某个tab切换某个数据的类型,都是通过回调id来实现的
请看示例动图~~
步骤一:设置回调ID
回调ID可以理解为参数变量,可以用于控制组件之间参数的传递,从而达到交互的目的。如下图所示,当A组件的某个点击交互事件(如地图里点击某个散点,或者列表中点击某一行,或者时间轴当中选中某个时间点
)时候,就会把所指定的回调ID
——即某一个该组件的输入数据字段,如name
,临时存在变量:name
当中。
步骤二:设置变量输入
在组件B当中,当数据源为SQL或者API时(组件B的数据如果为静态数据或者CSV不支持变量),可以将变量输入即可。如select :name as value
select A from table where year = :name
对于API,则直接会把同名的变量参数赋值