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

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

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

    始める前に

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

    必要なロール：ui_builder_admin

    このタスクについて

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

    手順

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

      デフォルトのリダイレクトをオフにします。
      リダイレクトをオフにしました。実行時にチャートをクリックしても、アクションはトリガーされません。
    5. イベント パネルで、 [+ イベント マッピングの追加] を選択します。
    6. 利用可能なイベントのリストから、[ダッシュボードウィジェットがクリックされました] を選択します。

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

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

    タスクの結果

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