全部產品
Search
文件中心

DataV:如何使用回調ID實現組件聯動功能

更新時間:Feb 05, 2024

本文介紹在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?參數名=參數值