イベントハンドラーの構成

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む2読むのに数分
  • UI ビルダー 内のページ、コンポーネント、データリソース、または宣言アクションにイベントハンドラーを追加して、ユーザーがアクションをトリガーできるようにします。

    始める前に

    必要なロール:ui_builder_admin

    このタスクについて

    イベントハンドラーを使用すると、ページ上にアクション、コンポーネント、データリソース、または宣言アクションを構成できます。たとえば、イベントをページにマップして、ページが正常にロードされたときにアラート通知を追加したり、ボタンコンポーネントのイベントハンドラーを追加して、ユーザーがクリックしたときにアクションを実行したりできます。イベントハンドラーは、レコードを削除してよいかをユーザーに確認する、ページ上のモーダルにもなります。詳細については、「UI Builder ページでのアクションの管理 (高度な機能)」を参照してください。

    手順

    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. 作業するエクスペリエンスを開くか、または [+ 作成] を選択してエクスペリエンスを作成します。
    3. ページを開くかまたは作成します。
      UI ビルダー でページを作成する方法の詳細については、「UI Builder でのページの作成」を参照してください。
    4. ボタンなどのコンポーネントをページに追加します。
      コンポーネントのページへの追加に関する詳細については、「コンポーネントの追加と構成」を参照してください。
    5. コンポーネントのイベントにイベントハンドラーを追加するには、構成パネルに移動して [ イベント] を選択します。
      イベントハンドラーを使用すると、イベントをコンポーネントに割り当てることができます。たとえば、ページにボタンコンポーネントを追加する場合、そのクリック時にアクションが実行されるようにする必要があります。
    6. イベントをコンポーネントに割り当てるプロセスを開始するには、 [ + イベント マッピングの追加] を選択します。

      ボタンコンポーネントなどの一部のコンポーネントには、イベントマッピングが 1 つしかありません。他のコンポーネントは多くのイベントを持つことができます。

      [イベントマッピングを追加] オプションを指す矢印
    7. 構成するイベントマッピングをリストから選択します。
      利用可能なイベントマッピングのリスト。
    8. [イベントハンドラープレビュー] 画面から、コンポーネントにアサインするアクションを選択します。
      リスト内の行がクリックされたときにアラート通知をクリアします。
    9. [追加] を選択します。
    10. [Save (保存)] を選択します。

    タスクの結果

    構成されたイベントハンドラーは、構成パネルの [イベント] タブに表示されます。

    クリアアラート通知用に構成されたイベントマッピング。