ダッシュボードコンポーネントイベント

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間：2分

    • イベントハンドラーを選択して、ダッシュボードコンポーネントで提供されるアクション (イベント) を構成します。

    [イベント] タブには、ダッシュボードコンポーネントで使用されるイベントが表示されます。使用可能なイベントを表示するには、 [+ イベントマッピングの追加] を選択します。リスト内のイベントを選択して、1 つ以上のイベントハンドラーを追加します。

    イベントハンドラー

    イベントハンドラーは、データリソースと連携して、ダッシュボードアクションをユーザーに表示するデータにリンクします。リスト内のイベントを選択して、1 つ以上のイベントハンドラーを追加します。

    イベントの説明

    イベント 説明
    ダッシュボードの概要ページに移動 ダッシュボードが閉じられ、ダッシュボードライブラリにリダイレクトされたときにディスパッチされます。この動作をカスタマイズするには、ダッシュボードリストにリダイレクトクライアントスクリプトでルートとタイトルを変更します。クライアントスクリプトを開くには、ページのサイドバーにある<>アイコンを選択します。
    * @param {params} params
* @param {api} params.api
* @param {any} params.event
* @param {any} params.imports
* @param {ApiHelpers} params.helpers
*/
function handler({api}) {
    api.emit('SCREEN_STATUS_CHANGED', {status: 'closed'});
    api.emit('NAV_ITEM_SELECTED', {
        route: 'dashboard-library',
        title: 'Dashboard Library',
    });
}
    ダッシュボードウィジェットがクリックされました
    ダッシュボードのグラフがクリックされたときに、デフォルトのドリルダウンをカスタム動作で上書きする場合は、このイベントハンドラーを追加します。ダッシュボードウィジェットがクリックされたクライアントスクリプトを使用します。カスタムドリルダウンを追加するには:
    1. defaultDrilldowns プロパティを false に設定します。
    2. ダッシュボードウィジェットがクリックされたイベントハンドラーを追加します。
    3. ダッシュボードウィジェットを開く クリックされたクライアントスクリプト。クライアントスクリプトを開くには、ページのサイドバーにある<>アイコンを選択します。
    4. コード api.emit('NAV_ITEM_SELECTED', payload); を見つけて、カスタムリダイレクトロジックに合わせてペイロードを更新します。