コンポーネントへのデータ接続

ローカルデータリソースによって公開されたデータを、UI ビルダーページ上のコンポーネントにバインドします。

始める前に

必要なロール：ui_builder_admin

このタスクについて

データバインディングとは、情報を表示する UI 要素にデータを関連付けるプロセスのことです。データをコンポーネントにバインドする前に、データリソースを UI ビルダーページに追加する必要があります。詳細については、「ページへのデータリソースの追加と構成」を参照してください。

手順

1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
2. 作業するエクスペリエンスを開くか、または選択してエクスペリエンスを作成します 作成 > エクスペリエンス.
   エクスペリエンスの作成の詳細については、「UI ビルダー でユーザーがアプリケーションをどのように操作するかを構成する」を参照してください。
3. ページを作成するか、開きます。
4. データリソースをページに追加します。
   詳細については、「ページへのデータリソースの追加と構成」を参照してください。
5. コンポーネントをページに追加します。
   コンポーネントにデータリソースをバインドするには、ページにコンポーネントが必要です。詳細については、「コンポーネントを使用した UI ビルダー ページのカスタマイズ」を参照してください。
6. UI ビルダー の構成パネルから [構成] タブを選択します。
7. データをバインドするフィールドをポイントし、[動的なデータバインディング] アイコン ( ) を選択します。
   
   データバインディングモーダルが表示されます。

   

8. [データタイプ] タブで [データリソース] を選択します。
9. コンポーネントにバインドするデータリソースを選択します。
   
10. コンポーネントにバインドするデータを選択し、上のフィールドにドラッグします。

    特定のプロパティ値または表示値に到達するために、数個のピルの選択が必要になる場合があります。

    
11. [適用] を選択します。

    コンポーネントには、選択したプロパティ値または表示値が表示されます。

    
12. UI ビルダー ヘッダーで、[保存] を選択します。