すべてのプロダクト
Search
ドキュメントセンター

DataV:コールバックIDを使用してコンポーネントリンケージを実装する方法

最終更新日:Jul 15, 2024

このトピックでは、DataVコンソールでウィジェットをクリックし、そのウィジェットのコールバックIDを設定して別のウィジェットと対話する方法について説明します。

コールバックIDとは何ですか?

コールバックIDは、ウィジェット間の対話を実現するためにウィジェット間でパラメータを渡すために使用される変数です。 たとえば、次の図の番号反転ウィジェットでは、反転ウィジェットをクリックすると、現在の値が [収入] フィールドを介して他のウィジェットに渡されて表示されます。 image..png

コールバックIDの設定

  1. にログインします。 DataVコンソール

  2. [TicketMaker] ウィジェットをクリックし、エディターキャンバスの右側にある [インタラクティブ] タブをクリックします。

  3. Digital Change Response Eventの横にあるEnableを選択します。

    image..png

  4. 変数の名前bound to the variableを変更し、valueincomeに変更します。

    設定が完了すると、他のコンポーネントは収益を使用して対応するパラメータ値を取得できます。

コールバックIDの使用

  1. [データ] タブをクリックします。

  2. [データソースの設定] をクリックし、データソースタイプを [データベース] に設定します。

  3. SQL入力ボックスにselect :income as valueを入力します。

  4. 右上隅のimage..pngアイコンをクリックして、結果をプレビューします。 image..png

  5. 上部の数値反転ボックスをクリックすると、下部の値は上部の値と同じになります。 これにより、コールバックIDを使用してデータを取得できます。 p636269..png

よくある質問

Q: キャンバス編集ページでコールバックIDを設定し、データクエリが失敗した後にコールバック値を取得できない場合はどうすればよいですか?

A: キャンバス編集ページが、コールバック値を取得するためのイベントをトリガーできません。 その結果、リクエストは失敗します。 次のいずれかの方法を使用して、コールバック値を表示できます。

  • プロジェクトをプレビューします。 URLでコールバック値を表示するか、ブラウザーコンソールの [ネットワーク] タブをクリックして、レスポンスで値を取得します。

  • プロジェクトを編集します。 ビジュアルアプリケーションのURLの横にテストパラメーターを追加して、データをテストします。

    https://datav.aliyun.com/admin/screen/99999? parameter name=parameter value