UI ビルダー の Entity View Action Mapper の操作

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む5読むのに数分
  • UI ビルダー では、Entity View Action Mapper (EVAM) アプリケーションを使用して、コンポーネント内のデータソースをカードとリストに表示する方法を標準化できます。

    EVAM の概要

    Entity View Action Mapper (EVAM) は、さまざまなデータソースをカードとリストに表示する方法を標準化するアプリケーションです。UI ビルダー は EVAM データソースを使用して、コンポーネント内の情報をカードグリッドビューまたは情報のリストとして表示します。コンポーネントにトグルを追加して、カードグリッドビューとリストビューを切り替えられるようにできます。

    EVAM は、次のコンポーネントで構成されています。
    • エンティティ (データソース)。コミュニティの投稿やユーザーなど、表示する関連データ。
    • ビュー。カードでのデータおよびアクションの表示方法。
    • Actions (アクション)。カードに対して実行するアクション。たとえば、システムに対してユーザーを有効化できます。
    • マップ。カードに表示される汎用フィールドにデータソースをマップするプロセス。カードビューからトリガーされるアクションを関連付けることもできます。

    EVAM データソース

    UI ビルダー に EVAM データソースを追加し、コンポーネントにバインドします。
    図 : 1. EVAM データリソース
    [データリソースを選択] モーダルの EVAM データリソース。
    表 : 1. EVAM データソース
    EVAM データソース 説明
    EVAM データリソース データソースに関する EVAM 定義とその他の情報を追加します。
    • タイプ:複合。
    • 評価するタイミング:[ このデータリソースを評価するタイミング] で、[ 即時] を選択してページのロード時に EVAM データリソースインスタンスを評価するか、[ 呼び出された場合のみ ] を選択してイベントハンドラーを使用して EVAM データリソースを評価します。
    • EVAM 定義:[EVAM 定義] フィールドで、データリソースに関連付けられている EVAM 定義レコードを追加します。
    • ページカーソル:[ページカーソル] フィールドで、EVAM 定義のページカーソルを追加します。
    • ページサイズ:[ページサイズ] フィールドで、EVAM ページネーションのサイズを追加します。
    • ページ番号:[ページ番号] フィールドで、EVAM ページネーションのページ番号を追加します。
    • EVAM フィルター設定:[EVAM フィルター設定] フィールドで、EVAM データフィルターの sys_id を入力します。

    データフェッチが開始、成功、または失敗した場合のイベントハンドラーを追加するには、[イベント] を選択します。

    [構成] ペインの横にある [Now コードエディター ] セクションで、EVAM 定義スクリプトをプレビューします。

    図 : 2. EVAM データリソース構成
    EVAM データリソース構成。
    EVAM データをフェッチ EVAM 定義とデータソースに関するその他の情報を追加するには、[構成] を選択します。
    • タイプ:GRAPHQL
    • 評価するタイミング:ページのロード時に EVAM データリソースインスタンスを評価するには、[即時] を選択します。イベントハンドラーを使用して EVAM データリソースを評価するには、[呼び出された場合のみ] を選択します。
    • EVAM 定義:[EVAM 定義] フィールドで、データリソースに関連付けられている EVAM 定義レコードを入力します。
    • ページカーソル:[ページカーソル] フィールドで、EVAM 定義のページカーソルを入力します。
    • ページサイズ:[ページサイズ] フィールドで、EVAM ページネーションのサイズを入力します。
    • ページ番号:[ページ番号] フィールドで、EVAM ページネーションのページ番号を入力します。
    • EVAM フィルター設定:[EVAM フィルター設定] フィールドで、EVAM データフィルターの sys_id を入力します。

    データフェッチが開始、成功、または失敗した場合のイベントハンドラーを追加するには、[イベント] を選択します。

    [構成] ペインの右にある [Now コードエディター] で、EVAM 定義スクリプトをプレビューします。

    EVAM データソース構成をフェッチします。

    EVAM メタデータをフェッチ EVAM データリソースを評価して EVAM 定義を追加するタイミングを選択するには、[構成] を選択します。
    • タイプ:GRAPHQL
    • 評価するタイミング:ページのロード時に EVAM データリソースインスタンスを評価するには、[即時] を選択します。イベントハンドラーを使用して EVAM データリソースを評価するには、[呼び出された場合のみ] を選択します。
    • EVAM 定義:[EVAM 定義] フィールドで、データリソースに関連付けられている EVAM 定義レコードを入力します。

    データフェッチが開始、成功、または失敗した場合のイベントハンドラーを追加するには、[イベント] を選択します。

    [構成] ペインの右にある [Now コードエディター] で、EVAM 定義スクリプトをプレビューします。

    EVAM メタデータ構成をフェッチします。

    EVAM データリソースを検索 EVAM 定義とデータソースに関するその他の情報を追加するには、[構成] を選択します。
    • タイプ:複合。
    • 評価するタイミング:ページのロード時に EVAM データリソースインスタンスを評価するには、[即時] を選択します。イベントハンドラーを使用して EVAM データリソースを評価するには、[呼び出された場合のみ] を選択します。
    • EVAM 構成 ID:[EVAM 構成 ID (EVAM Config ID)] フィールドに、データレコードに関連付けられている EVAM 構成 ID を追加します。
    • 検索コンテキスト構成 ID:[ 検索コンテキスト構成 ID ] フィールドに、検索する 検索コンテキスト構成 ID を追加します。
    • 検索用語:[検索用語] フィールドに、検索する検索用語を追加します。
    • ファセットフィルター:[ファセットフィルター] フィールドに、検索の定義に役立つファセットフィルターを追加します。
    • 検索フィルター:[検索フィルター] フィールドに、検索の定義に役立つ検索フィルターを追加します。
    • スペルチェックを無効にする:[スペルチェックを無効にする] フィールドで、検索時にスペルチェックをオンにするかオフにするかを選択します。
    • ページネーショントークン:[ページネーショントークン] フィールドに、必要に応じてページネーショントークンを入力します。

    データフェッチが開始、成功、または失敗した場合のイベントハンドラーを追加するには、[イベント] を選択します。

    [構成] ペインの右にある [Now コードエディター] で、EVAM 定義スクリプトをプレビューします。

    EVAM データリソース構成を検索します。