如何使用回调ID实现组件联动功能

本文介绍在DataV控制台中单击某一个组件,通过配置组件的回调ID来实现另一个组件联动。

什么是回调ID

回调ID可以理解为参数变量,用于控制组件之间参数的传递,从而达到交互的目的。例如下图中的数字翻牌器组件,当点击翻牌器时,将当前值通过income字段传递给其他组件显示。image

如何设置回调ID

  1. 登录DataV控制台
  2. 我的可视化页面,单击您创建的可视化应用项目上方的编辑按钮。
  3. 选择数字翻牌器组件,单击编辑器画布右侧的交互页签。

  4. 选中数字变化响应事件右侧的启用

    image
  5. 修改绑定到变量中的变量名称,将value修改为income

    配置完成后,其他组件就可以使用income取得对应的参数值了。

如何使用回调ID

  1. 选择另一个数字翻牌器组件,单击数据页签。

  2. 单击配置数据源,设置数据源类型为数据库

  3. SQL输入框中输入select :income as value

  4. 单击页面右上角的image图标,预览展示结果。image

  5. 当单击上方的数字翻牌器后,下方的数值和上方一致,从而实现使用回调ID获取数据。回调ID_Trim

常见问题

Q:在画布编辑页面,配置了回调ID后,无法获取回调值,导致数据查询失败怎么办?

A:画布编辑页面无法触发事件获取回调值,导致请求失败。您可以选择以下两种方式,查看请求的返回值:

  • 预览页面查看。在浏览器控制台Network中查看请求的返回值,或者直接通过组件显示方式查看。

  • 编辑页面查看。在可视化应用URL后添加测试参数来测试数据,添加方式如下。

    https://datav.aliyun.com/admin/screen/99999?参数名=参数值