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

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

    • UI ビルダー 内のページ、コンポーネント、データリソース、または宣言アクションにイベントハンドラーを追加して、ユーザーがアクションをトリガーできるようにします。

    始める前に

    必要なロール：ui_builder_admin

    このタスクについて

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

    手順

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

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

      [イベントマッピングを追加] オプションを指す矢印
    7. 構成するイベントマッピングをリストから選択します。
      利用可能なイベントマッピングのリスト。
    8. [イベントハンドラープレビュー] 画面から、コンポーネントにアサインするアクションを選択します。
      [すべて表示] イベントリストから選択されたイベントをクリックします。
    9. [Continue (続行)] を選択します。
    10. 前のステップで選択したイベントからトリガーするハンドラーを選択します。
      ハンドラーリストから選択された宛先へのリンク。
    11. [Continue (続行)] を選択します。
    12. イベントのペイロードを構成します。
      リストページを開くように構成されたイベントハンドラー。
    13. [Add] を選択します。
    14. [Save (保存)] をクリックする。
    15. ヘッダーの [プレビュー ] を選択してイベントをテストし、アクションをトリガーします。

    タスクの結果

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

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