保存済検索をリストとして表示

保存済検索は、営業ダッシュボードにリストとして表示できます。その手順は、次のとおりです。

「コンポーネント」パレットの「フィルタ」フィールドに、cx-panelと入力します。
cx-panelフラグメントをテンプレート・エディタのテンプレート・タグの間にドラッグ・アンド・ドロップします。
>タグの前に、次のクラス情報class="oj-flex oracle-cx-fragmentsUI-cx-fragment-full-height"を<oj-vb-fragment行に追加します。結果の行は次のとおりです:
```
<oj-vb-fragment bridge="[[vbBridge]]" name="oracle_cx_fragmentsUI:cx-panel"
    class="oj-flex oracle-cx-fragmentsUI-cx-fragment-full-height">
```
表示するオブジェクトを指定する、必要な「リソース」パラメータを追加します。商談の値は次のとおりです:
```
<oj-vb-fragment-param name="resource"
      value='[[ {"name": "opportunities", "primaryKey": "OptyId", "puid": "OptyNumber", "endpoint": "cx" } ]]'>
    </oj-vb-fragment-param>
```
各オブジェクトには異なる値が必要です。この値は、トピック「表、メトリック・カードおよびリスト・ビューの標準コンポーネントのコードで使用する値」にリストされています。
商談売上を含むリストを表示する場合は、商談売上が商談の子オブジェクトであるため、この追加パラメータを挿入する必要があります:
```
<oj-vb-fragment-param name="child" value='[[ {"name": "ChildRevenue", "primaryKey": "RevnId"} ]]'></oj-vb-fragment-param>
```
必要な「問合せ」パラメータを追加します。これは、リスト内のデータのソースである保存済検索を指定します:
```
 <oj-vb-fragment-param name="query" value='[[ [{"type": "savedSearch", "params": [{"key": "queryUuid", "value": "caf84b9d-b975-4b9d-b78e-41718b78f36e" }]},
     $base.page.variables.dashboardFilters] ]]'></oj-vb-fragment-param>
```
この例では、ソースはIDがcaf84b9d-b975-4b9d-b78e-41718b78f36eの保存済検索です。保存済検索のIDを取得するには、「Redwoodユーザー・エクスペリエンスのOracle Salesで、保存済検索のUUIDとそのフィルタのIDを検索するにはどうすればよいですか。」のトピックの説明に従って、Chromeブラウザのコードを調べてください。
オプションで、リストをソートできます。たとえば、次の情報を入力して、レコードを最終更新の昇順でソートします。
```
<oj-vb-fragment-param name="sortCriteria" value='[[ [{"attribute": "LastUpdateDate","direction": "asc" }] ]]'></oj-vb-fragment-param>
```
次の「スタイル」パラメータを追加します。ダッシュボード・レイアウトのスタイルが適用されます。詳細は、「セクションの追加時に営業ダッシュボード・タブに情報を表示する方法」のトピックを参照してください
```
   <oj-vb-fragment-param name="style" value="[[ 'dashboard' ]]"></oj-vb-fragment-param>
```
dashboardCardLayoutを使用するには、subviewLayoutIdパラメータを追加します。ダッシュボード・カード・レイアウトでは、リストに表示するフィールドを指定します。各オブジェクトには、すでに重要なフィールドが含まれています。
```
<oj-vb-fragment-param name="panelCardLayoutId" value="[[ 'dashboardCardLayout' ]]"></oj-vb-fragment-param>
```
「タイトル」パラメータを追加して、リストに表示するタイトルを指定します。
```
<oj-vb-fragment-param name="title" value="[['Hardware Opportunities]]"></oj-vb-fragment-param>
```

商談リストを表示するためのサンプル・コード

<template id="hardwareOpportunityList">
  <oj-vb-fragment bridge="[[vbBridge]]" name="oracle_cx_fragmentsUI:cx-panel"class="oj-flex oracle-cx-fragmentsUI-cx-fragment-full-height">
    <oj-vb-fragment-param name="resource"
      value='[[ {"name": "opportunities", "primaryKey": "OptyId", "puid": "OptyNumber", "endpoint": "cx" } ]]'>
    </oj-vb-fragment-param>
     <oj-vb-fragment-param name="query" value='[[ [{"type": "savedSearch", "params": [{"key": "queryUuid", "value": "caf84b9d-b975-4b9d-b78e-41718b78f36e" }]},
     $base.page.variables.dashboardFilters] ]]'></oj-vb-fragment-param>
    <oj-vb-fragment-param name="sortCriteria" value='[[ [{"attribute": "LastUpdateDate","direction": "asc" }] ]]'></oj-vb-fragment-param> 
    <oj-vb-fragment-param name="style" value="[[ 'dashboard' ]]"></oj-vb-fragment-param> 
    <oj-vb-fragment-param name="panelCardLayoutId" value="[[ 'dashboardCardLayout' ]]"></oj-vb-fragment-param>
    <oj-vb-fragment-param name="title" value="[['Hardware Opportunities']]"></oj-vb-fragment-param>
  </oj-vb-fragment>
  </template>

売上コンポーネントのある商談のリストのサンプル・コード

売上コンポーネントを含む商談リストで、次の子パラメータを追加します:

  <oj-vb-fragment-param name="child" value='[[ {"name": "ChildRevenue", "primaryKey": "RevnId"} ]]'></oj-vb-fragment-param>

サンプル・コードは次のとおりです:

<template id="revenueList">
<oj-vb-fragment name="oracle_cx_fragmentsUI:cx-panel" class="oj-flex oracle-cx-fragmentsUI-cx-fragment-full-height" bridge="[[ vbBridge ]]">
    <oj-vb-fragment-param name="resource" value='[[ {"name": "opportunities", "primaryKey": "OptyId", "puid": "OptyNumber", "endpoint": "cx" } ]]'></oj-vb-fragment-param>
    <oj-vb-fragment-param name="child" value='[[ {"name": "ChildRevenue", "primaryKey": "RevnId"} ]]'></oj-vb-fragment-param>
    <oj-vb-fragment-param name="query" value='[[ [{"type": "savedSearch", "params": [{"key": "queryUuid", "value": "73b21b33-db08-4327-bf30-88c3c9e0f70d" }]}] ]]'></oj-vb-fragment-param>
    <oj-vb-fragment-param name="extensionId" value="{{ 'oracle_cx_salesUI' }}"></oj-vb-fragment-param>
    <oj-vb-fragment-param name="style" value="[[ 'dashboard' ]]"></oj-vb-fragment-param>
    <oj-vb-fragment-param name="title" value="[['Revenue']]"></oj-vb-fragment-param>    
    <oj-vb-fragment-param name="panelCardLayoutId" value="[[ 'dashboardCardLayout' ]]"></oj-vb-fragment-param>
  </oj-vb-fragment>
</template>