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

DataV:ウィジェット操作の設定

最終更新日:Jul 15, 2024

DataVでは、アセット相互作用の設定とコールバックIDの設定は、アセットがユーザーアクションに応答するとき、または自動的に更新をトリガーするときに、他のアセットに渡すパラメーターです。 このパラメーターは、データの照会時に他のアセットの動的変数として使用できます。 このトピックでは、例としてティッカーボードウィジェットを使用して、DataVのアセットインタラクション設定機能について説明します。

手順

  1. ティッカーボードウィジェットをクリックし、右側のパネルの [インタラクション] タブをクリックします。Interaction panel
    説明 コールバックIDは、右側のパネルの [インタラクション] タブで設定できます。
  2. [数が変更されたときにイベントをトリガー] の右側にある [有効化] チェックボックスをオンにします。
  3. [バインド変数] 列で、変数名をvalueからincomeに変更します。
    Change the variable name
    説明
    • 変数名をincomeに変更した後、incomeを使用して、このウィジェットのコールバックIDを呼び出す別のウィジェットのパラメーター値を取得できます。
    • 異なるウィジェットで異なる変数名を設定して、パラメーターを区別できます。
  4. ティッカーボードウィジェットをクリックします。 右側のパネルの [データ] タブで、[データソース] の横にある [変更] をクリックし、:Variable nameの形式で設定したコールバックID (例: income) を使用します。

    例:

    • SQL (次の2つの方法のいずれかを使用します)
      select :income as value
      select A from table where count = :income

      incomeはコールバックID、valueはコールバックIDの値を受け取るために指定したフィールド、countAはデータベースのフィールドです。

    • API
      http:// api.test?count=:income&id=:myid

      incomemyidはコールバックidで、countidはデータベースのフィールドです。

    説明
    • ウィジェットのデータソースタイプ[静的データ] または [CSVファイル] の場合、コールバックIDはサポートされません。
    • DataVは自動的にコールバックIDを完了します。 データソースを設定するときに、: と入力すると、ウィジェットに設定されたコールバックIDがエディターに一覧表示されます。 上下矢印キーを使用してコールバックIDを選択し、Enterキーを押します。 これにより、プロジェクトに多くのインタラクティブなウィジェットがある場合に、コールバックIDをすばやく見つけることができます。
      Configure a callback ID

高度な機能

カスタムフィールドの設定
  1. ティッカーボードウィジェットをクリックし、右側のパネルの [データ] タブをクリックします。
  2. idフィールドを追加し、その値を123に設定します。
    Configure a custom field
  3. [インタラクション] タブをクリックします。
  4. [フィールドの作成] をクリックします。
  5. [フィールド] 列にidを入力します。 [バインド変数] 列に変数名を入力します。
    Create a field
    説明 変数が有効になるように、[フィールド] 列と [バインド変数] 列の両方に値を指定する必要があります。
コールバックIDのデフォルト値の設定
URLでリクエストパラメーターを指定して、コールバックIDのデフォルト値を設定します。 例:
http://datav.aliyun.com/screen/000000?myid=123
000000はプロジェクトIDです。

このURLを使用してプロジェクトにアクセスすると、コールバックID myidが自動的に123に設定されます。

複数のコールバックIDはアンパサンド (&) で区切ります。 次の例では、コールバックID myidincomeの両方のデフォルト値を設定します。
http://datav.aliyun.com/screen/000000?myid=123&income=1000
000000はプロジェクトIDです。