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

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

始める前に

必要なロール：ui_builder_admin

このタスクについて

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

手順

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

   

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

    特定のプロパティ値または表示値を取得するには、複数のピルを選択する必要があります。

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

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

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