数式を使用してデータをコンポーネントに接続する

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

始める前に

必要なロール：ui_builder_admin

このタスクについて

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

手順

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

   

8. [計算式] タブを選択します。
9. コンポーネントにバインドする数式を選択して、上のフィールドにドラッグします。
   

   数式の詳細については、「UI ビルダー コンポーネント式エディターでサポートされている関数」を参照してください。

10. 式のフィールドに入力します。
    
11. [適用] を選択します。

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

    

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