ページイベントからの UI インタラクションのトリガー

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：2分

    • UI インタラクションを UI ビルダー ページイベントに添付して、ユーザーがコンポーネントに対してアクションを実行したときにインタラクションが実行されるようにします。

    始める前に

    トリガーする UI インタラクションはすでに作成されています。

    必要なロール：ui_builder_admin

    このタスクについて

    UI インタラクションは単独では実行されません。インタラクションを実行するには、ページまたはコンポーネントで発生するイベントにインタラクションを添付する必要があります。UI インタラクションは、コンポーネントアクションからマッピングされたイベントを含むページイベントによってトリガーされます。

    このタスクでは、ページ上のコンポーネントイベントを構成して、既存の UI インタラクションをトリガーします。

    手順

    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. 作業するエクスペリエンスを開くか、または選択してエクスペリエンスを作成します 作成/挿入 > エクスペリエンス.
      詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
    3. エクスペリエンス内でページを作成するか、ページを開きます。
      UI ビルダー でページを作成する方法の詳細については、「UI ビルダーでのページの作成」を参照してください。
    4. インタラクションをトリガーするコンポーネントを選択します。
      使用するコンポーネントがページにまだ含まれていない場合は、最初にページに追加します。コンポーネントのページへの追加に関する詳細については、「コンポーネントの追加と構成」を参照してください。
    5. コンポーネント構成パネルで、[ イベント ] タブを選択します。
      図 : 1. [イベント] タブ
      ページで選択されたボタン。[イベント] タブが表示されています。
    6. [ハンドラーを追加 (Add handler)] を選択します。
    7. UI インタラクションを名前で検索するか、 UI インタラクション ピルを選択して結果をフィルタリングします。
    8. トリガーする UI インタラクションを選択します。
      注:
      インタラクションタイプがフォームまたはリストで、該当するコントローラーがまだページにない場合は、自動的に追加されます。ページに複数のコントローラーが存在する場合は、インタラクションにデータをフィードするコントローラーを選択するように求められます。
      図 : 2. ハンドラーモーダルを追加
      UI インタラクションが選択されたハンドラーを追加モーダル。
    9. [Add (追加)] を選択します。
    10. [Save (保存)] を選択します。
    11. [ プレビュー] を選択し、構成されたイベントを発生させるアクションを実行して、インタラクションの実行を確認します。

    タスクの結果

    指定されたページイベントが発生すると、UI インタラクションが実行され、構成されたアクションが実行されます。