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

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間:2分
  • イベントハンドラーを選択して、ダッシュボードコンポーネントで提供されるアクション (イベント) を構成します。

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

    イベントハンドラー

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

    イベントの説明

    イベント 説明
    ダッシュボードの概要ページに移動 ダッシュボードが閉じられ、ダッシュボードライブラリにリダイレクトされるとディスパッチされます。この動作をカスタマイズするには、[ダッシュボードリストにリダイレクト (Redirect to dashboard list)] クライアントスクリプトのルートとタイトルを変更します。クライアントスクリプトを開くには、ページのサイドバーにある<>アイコンを選択します。
    * @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); を見つけ、カスタムリダイレクトロジックに合わせて ペイロード を更新します。