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

  • リリースバージョン: Xanadu
  • 更新日 2024年08月01日
  • 所要時間:1分
  • ダッシュボードページテンプレートからワークスペースにページを作成した場合は、インラインエディターで作成されたそのページのダッシュボードコンポーネントからのクリック時のリダイレクトをカスタマイズできます。

    始める前に

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

    必要なロール:ui_builder_admin

    このタスクについて

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

    手順

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

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

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

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

    タスクの結果

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