インラインダッシュボードからのカスタムリダイレクトの構成

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間：2分

    • ダッシュボードページテンプレートを使用してワークスペースにページを作成した場合は、インラインエディターで作成されたそのページのダッシュボードコンポーネントからクリック時のリダイレクトをカスタマイズできます。

    始める前に

    ダッシュボードページテンプレートから生成されたページを使用して、 UI ビルダー でワークスペースを作成しました。次に、「 ダッシュボードページへのダッシュボードの追加」で説明したようにダッシュボードを追加しました。ダッシュボードは、インラインエディターで作成されている必要があります。

    必要なロール：ui_builder_admin

    このタスクについて

    重要:
    ここで説明する手順は、インラインエディターで作成されたダッシュボードにのみ適用されます。テクニカルダッシュボードでは、データの可視化ごとにドリルダウンイベントによるリダイレクトを構成します。詳細については、「テクニカルダッシュボードのデータ可視化へのドリルダウンイベントの追加」を参照してください。

    手順

    1. UI ビルダーでワークスペースを開きます。
    2. 関連するページを開きます。
      このページは、Dashbords ページ テンプレートを使用してビルドしました。
    3. ダッシュボードコンポーネントを選択します。
    4. 構成パネルで、[ デフォルトのリダイレクトを使用] をオフにします。

      デフォルトのリダイレクトをオフにします。
      リダイレクトをオフにしました。実行時に可視化をクリックしても、アクションはトリガーされません。
    5. イベントパネルで、「ダッシュボードウィジェットがクリックされました」イベントハンドラーがあるかどうかを確認します。
    6. 「ダッシュボードウィジェットがクリックされました」ハンドラーがない場合は、追加します。
      1. [+ イベントマッピングを追加] を選択します。
      2. 利用可能なイベントのリストから、[ダッシュボードウィジェットがクリックされました] を選択します。

        [ダッシュボード] ウィジェットを選択するとイベントがクリックされました。
    7. ページの [データとスクリプト] 領域の [クライアントスクリプト] で、[ダッシュボードウィジェットがクリックされました] を開きます。

      ダッシュボードウィジェットを開くと、エディターでスクリプトがクリックされました。
    8. [クライアントスクリプトの編集] ペインで、 api.emit('NAV_ITEM_SELECTED', payload); という行を見つけます。
    9. カスタムリダイレクトロジックに合わせてペイロードを更新します。

    タスクの結果

    そのダッシュボードのデータ可視化からのすべてのリダイレクトは、指定したターゲットを開きます。