コンポーネントビルダーで継承されたコントローラーを使用したコンポーネントの構成を有効にする

  • リリースバージョン: Zurich
  • 更新日 2025年08月06日
  • 所要時間:3分
  • コンポーネントがページリソースを継承する方法について説明します。

    コンポーネントビルダーを使用すると、開発者はコンポーネント内で直接データリソースを追加する方法、またはページからの継承を使用する方法の 2 つの方法でデータリソースを追加します。

    直接構成

    データリソースをコンポーネントに直接追加しても、そのコンポーネント内に含まれたままになります。これらの内部データリソースは、コンポーネントがページに配置されている場合は表示されず、アクセスできません。

    継承

    配置されているページからデータリソースを継承するようにコンポーネントを構成できます。継承を有効にすると、コンポーネントは同じタイプのデータリソースをスキャンし、それらに自動的に接続します。たとえば、フォームコントローラーを継承するように構成されたコンポーネントは、ページでフォームコントローラーを検索します。これにより、コンポーネントをさまざまなページコンテキストで使用し、毎回手動構成することなく既存のデータリソースを活用できます。

    継承用に構成されたコンポーネントをページに配置すると、継承動作は次のように動作します。

    一致するリソースが見つかりました 動作
    一致項目は見つかりませんでした コンポーネントの初期構成を使用して、同じタイプの新しいリソースを作成します
    1 個 そのリソースに接続します
    複数 そのリソースの最初のインスタンスに接続します

    継承されたコントローラーを使用したコンポーネントの構成を有効にする

    ページに配置されたときにコントローラーとデータリソースを自動的に継承するようにコンポーネントを構成します。

    始める前に

    必要なロール:ui_builder_admin

    このタスクについて

    このコンポーネントビルダーの例では、テキストコンポーネントを作成し、リストコントローラーを継承するように構成します。次に、コンポーネントがリストコントローラーに接続し、適切なテーブル名を表示するリストページに配置します。

    手順

    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. UI ビルダーホームページから [作成] を選択します。
      UI ビルダー [コンポーネントの作成] ボタンがあるホームページ。
    3. コンポーネントを選択します。
    4. フォームに、次の値を入力します。
      表 : 1. コンポーネントプロパティ
      フィールド
      名前 テーブル参照
      カテゴリ コンテンツ
      説明 現在のページのテーブルの名前を表示するテキストコンポーネント
      アイコン (デフォルト)
    5. [Create (作成)] を選択します。
    6. コンポーネントにデータリソースを追加します。
      1. データリソースドロワーで、[+ データリソースを追加 (Add data resource)] を選択します。
      2. 左側の [リストコントローラー] を選択します。
      3. 右側の [ 詳細構成] を選択してセクションを展開します。
      4. [ 親から構成を継承 ] オプションを選択して、プロパティを有効にします。
      5. [Add (追加)] を選択します。
      リストコントローラーが選択され、[親から構成を継承] が有効になっているデータリソースモーダルを選択します。
    7. コンポーネントを作成します。
      1. コンテンツツリーで [+ コンテンツを追加] を選択します。
      2. [ 単一列] を選択し、[ 追加] を選択します。
      3. コンテンツツリーで、列 1 の下の [+ コンテンツを追加] を選択します。
      4. 型テキストを選択し、[ 追加] を選択します。
      5. [ キャンセル ] を選択してプリセットウィンドウを閉じます。
    8. リストコントローラーを使用するようにコンポーネントを構成します。
      1. 構成パネルで、[ テキスト] にカーソルを合わせ、[データ バインド] アイコンを選択します。
      2. 左側で [数式 ] タブを選択し、[ CONCAT] をダブルクリックします。
      3. 上部のセクションで、 value1 をダブルクリックしてフィールドを編集し、「 List showing records from」と入力します。
      4. 値をダブルクリックしてフィールドを編集し、「@data.list_controller_1.tableLabel」と入力します。
      5. [Apply (適用)] を選択します。
    9. [ 保存] を選択して作業内容を保存します。
      これで、カスタムコンポーネントがツールボックスで使用でき、ページで使用できるようになりました。
    10. コンポーネントをリストページに配置すると、自動的にリストコントローラーが継承され、テーブル名が表示されます。
      UI ビルダー リストコントローラーを継承し、テーブル名を表示するカスタムコンポーネントを表示するエディター。