イベントハンドラーを手動で構成する

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

始める前に

必要なロール：ui_builder_admin

このタスクについて

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

注:

UI ビルダーの Now Assist を使用して、イベントハンドラーを構成することもできます。詳細については、次を参照してください。 Now Assist を使用してイベントハンドラーを構成する

手順

1. 移動先 すべて > 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. ヘッダーの [プレビュー ] を選択してイベントをテストし、アクションをトリガーします。

タスクの結果

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