カスタムコントローラーの作成 (高度な機能)

  • リリースバージョン: Yokohama
  • 更新日 2025年01月30日
  • 所要時間:2分
  • エクスペリエンス全体で使用するカスタムコントローラーをビルドします。再利用可能なデータ、スクリプト、イベントをページに簡単に接続し、入力、出力、イベントを設定します。

    始める前に

    必要なロール:ui_builder_admin

    手順

    1. 次のように移動する。 All (すべて) > Now Experience フレームワーク > UI ビルダー.
    2. [Create (作成)] を選択します。
    3. [コントローラー] を選択します。
    4. フォームのフィールドに入力します。
      表 : 1. [ページコレクションを作成] フォーム
      フィールド 説明
      [Name (名前)] コントローラーを内部で追跡するための名前。
      説明 コントローラーを見つけるのに役立つ簡単な説明。ページ作成者がコントローラーに含まれるコンテンツを理解するのに役立つ説明を記述します。
    5. [Create (作成)] を選択します。
      コントローラーの構築ウィンドウが開きます。

      データが追加されていないコントローラーの構築ウィンドウ。

    6. データリソースを追加します。
      1. [+ データリソースを追加] を選択します。
      2. リストからデータリソースを選択します。
      3. [Add] を選択します。
      4. データリソースを構成します。
      5. [Save (保存)] をクリックする。
    7. オプション: 外部コントローラーの依存関係を追加します。
      1. [+ 外部コントローラー依存関係の追加] を選択します。
      2. フォームのフィールドに入力します。
        表 : 2. 外部コントローラー依存関係を編集
        フィールド 説明
        [Name (名前)] 外部コントローラー依存関係を識別する名前。
        ラベル 外部コントローラーの依存関係を見つけるのに役立つラベル。
        コントローラー 外部コントローラー依存関係のコントローラーを選択します。
      3. [Save (保存)] をクリックする。
    8. オプション: クライアントステータスパラメーターを追加します。
      1. [クライアント状態パラメーター] を選択します。
      2. [+ 追加] を選択します。
      3. クライアントステータスパラメーターの一意の名前を入力します。
      4. ドロップダウンからタイプを選択します。
      5. フィールドに初期値を入力します。
      6. [Save (保存)] をクリックする。
      クライアントステータスパラメーターの詳細については、「 Client state parameters (クライアントステータスパラメーター)」を参照してください。
    9. オプション: クライアントスクリプトを追加します。
      1. [クライアントスクリプト] の横にある [+] アイコンを選択します。
      2. アクションを実行するスクリプトを作成します。
      3. オプション: [スクリプトインクルード] または [関連コンポーネント] を追加します。これは、クライアントスクリプト関数の imports パラメーターに表示されます。
      4. [適用] を選択します。
      5. [Save (保存)] をクリックする。

    次のタスク

    コントローラーをページに追加して作成したカスタムコントローラーを使用します。