データリソースへのイベントのバインド

ページ上の個々のデータリソースに UI ビルダー 内のイベントハンドラーをアサインします。データリソースが新しいデータを正常にフェッチすると、イベントハンドラーが実行され、ユーザーはフロー内の次のステップに移動します。

始める前に

必要なロール：ui_builder_admin

このタスクについて

イベントをデータリソースにバインドして、ページでデータ関連アクションを実行します。たとえば、初期時にデータがページにロードされない場合に、再ロードするためのボタンを追加できます。データリソースイベントを設定して、ページのバックグラウンドでデータを再ロードすることもできます。

手順

1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
2. 作業するエクスペリエンスを開くか、次を選択してエクスペリエンスを作成します 作成 > エクスペリエンス.
   詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
3. ページを作成するか、開きます。
   UI ビルダー でページを作成する方法の詳細については、「UI ビルダーでのページの作成」を参照してください。
4. オプション: ページにコンポーネントがない場合は、ページに追加します。
   詳細については、「コンポーネントの追加と構成」を参照してください。
5. データリソースをページに追加します。
   詳細については、「ページへのデータリソースの追加と構成」を参照してください。
6. データリソースインスタンスを選択します。
   
7. データリソースにイベントハンドラーを追加するには、データリソースの構成パネルで [イベント] タブを選択します。

   データリソースにイベントハンドラーを追加して、[操作が開始されました (Operation Initiated)]、[操作が正常に完了しました (Operation Succeeded)]、および [操作に失敗しました] のアクションを処理できます。

   
8. [+ イベントマッピングを追加] を選択します。
9. リストからイベントを選択します。
   
10. [+ イベントハンドラーを追加] を選択します。
11. リストからイベントハンドラーを選択します。
    
12. イベントハンドラーに必要な情報を入力します。
    構成は、選択されているイベントハンドラーによって異なります。
13. [追加] を選択します。
14. [Save (保存)] を選択します。
15. ページをプレビューして、設定したデータリソースイベントをテストするには、UI ビルダー ヘッダーの を選択します。

• イベントの別のページへのリンク
  UI ビルダー 内の宛先イベントハンドラーへのリンクを追加して、イベントアクションで別のページを開くことができるようにします。イベントハンドラーを、目的のページへのアプリルートをたどるように構成することもできます。