レコードリストコンポーネントバンドル

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間：4分

    • レコードリストコンポーネントバンドルは、専用のコントローラーを使用してソート、フィルタリング、グループ化などのリストアクションを構成するリストコンポーネントバンドルです。

    レコードリストコンポーネントバンドルには、宣言アクションを含むレコードリストヘッダーと、リストページを移動するためのページネーションコントロールが含まれています。

    Zurich リリース以降、CSM 構成可能ワークスペースレコードページでは、レコードリストコンポーネントバンドルが使用されます。このリストコンポーネントバンドルは、新規 (zboot) のお客様とアップグレードのお客様の両方にとってデフォルトのエクスペリエンスです。

    詳細は、以下のトピックを参照してください。

    アップグレード情報

    CSM 構成可能ワークスペースレコードページに含まれるデフォルトの宣言アクションは、レコードリストコンポーネントバンドルで機能します。

    リストページでモーダルを開く顧客宣言アクションでは、レコードリストコンポーネントと連動するためにいくつかの構成が必要です。詳細については、以下の例を参照してください。

    レコードリストコンポーネントバンドルの代わりに前のリストバンドルコンポーネントを引き続き使用するには:
    1. 移動先 すべて > システム定義 > テーブル.
    2. UX 画面 [sys_ux_screen] テーブルを選択します。
    3. [画面名] 列で [リストバンドルのデフォルト ] を検索して選択します。
    4. [アクティブ] フィールドを false に設定し、[更新] を選択します。

    例

    この例では、カスタマーサービスケースタイプアプリケーションを使用しています。このアプリケーションは、1 つのルートに複数のページバリアントが含まれています。この例では、リストページでモーダルを開く [ケースを作成 ] の顧客宣言アクションを構成するために必要な手順について詳しく説明します。
    • モーダルを開く宣言アクションのマッピングを作成します。
    • モーダルをリストバンドルコンポーネントで使用できるようにします。
    ステップ 1:モーダルを開く宣言アクションのマッピングを作成します。
    1. UX アドオンイベントマッピング [sys_ux_addon_event_mapping] リストに移動します。
    2. [ターゲットイベント] 列をフィルタリングして、[ ケースを作成 ] イベントマッピング名を検索します:LIST#OPEN_MODAL。
    3. リストビューでケースを作成するイベントの [ ケースを作成 ] を選択します。
    4. フォームヘッダーを右クリックし、[ 挿入と維持 ] を選択して新しいイベントマッピングレコードを作成します。これにより、既存のソース宣言アクションに新しいレコードが作成されます。
    5. イベントマッピングフォームの次のフィールドに入力します。
      • 名前 = <一意の名前を入力します>
      • ソースコンポーネント = レコードリストヘッダー
      • コントローラー = リストコントローラー
      • ターゲットイベント = モーダルを開く
      詳細については、「Create a UX add-on event mapping」を参照してください。
    6. [Submit (送信)] を選択します。

    ステップ 2:リストバンドルコンポーネントでモーダルを使用できるようにします。

    モーダルを使用可能にするには、[リストページモーダル] ページコレクションに追加します。
    1. 移動先 すべて > Now Experience フレームワーク > UI ビルダー.
    2. CSM/FSM 構成可能ワークスペースエクスペリエンスを開きます。
    3. エクスペリエンスヘッダーで [リスト] ([リストバンドル] のデフォルト) を選択します。
    4. 左側のコンテンツツリーで、[ リストビューポートモーダル] を選択します。
    5. 右側の [構成] タブで、[ ページコレクション ] フィールドのアイコンを選択して、[リストページモーダル] ページコレクションを表示します。
    6. ページコレクションの下にページを作成します。たとえば、create_case というページを作成します。
      1. [ページとバリアント] の横にある [+ ] アイコンを選択し、[ 新しいページの作成] を選択します。
      2. [ 名前 ] フィールドに名前を追加し、[ 続行] を選択します。たとえば、名前として create_case を追加します。
      3. [レスポンシブの構築] を選択し、 [作成] を選択します。create_caseページが、ページコレクションのページとバリアントのリストに追加されます
      詳細については、「 ページコレクション」を参照してください。
    7. アプリルートレコードに移動し、既存の画面コレクションを指すように画面コレクションを変更します。たとえば、[ケースを作成] 画面コレクションなどです。
      1. create_case ページの [設定 ] を選択して、一般的なページ設定を開きます。
      2. アクション フィールドで、 レコードを開く を選択し、 ページ コレクション を選択します。これにより、リストページモーダル拡張ポイントフォームが表示されます。
      3. create_caseアプリルートレコードで、必須 フィールド パラメーター:table、sysId を追加します。
      4. create_case アプリ ルート レコードの 画面コレクション フィールドを サポート案件の作成 に設定し、 更新 を選択します。