ポータルデータリストウィジェットの追加と構成

リリースバージョン: Australia

更新日 2026年03月12日

所要時間：5分

ポータルデータリストウィジェットをポータルに追加し、そのデータ、表示、および動作を変更します。ポータルデータリストウィジェットを使用して、さまざまなケース関連データをカード形式またはリスト形式でポータルに表示できます。

始める前に

UI Components for Customer Portals プラグインがアクティブ化されている必要があります。詳細については、「UI Components for Customer Portals プラグインのアクティブ化」を参照してください。

ウィジェットを追加するページをまだ作成していない場合は、「構成可能なポータルウィジェットのページの作成」を参照してください。

必要なロール：sp_admin

手順

移動先: すべて > サービスポータル > サービスポータル構成.
[デザイナー] を選択します。
サービスポータルデザイナーのページで、ウィジェットを追加するページを検索して選択します。
[ウィジェット] タブを選択します。
[レイアウト] セクションで、コンテナレイアウトをポータル編集ページ上にドラッグします。
コンテナ上で、プラスボタン () を選択して列のセットを追加します。
[ウィジェット] ペインの [フィルターウィジェット] フィールドに「ポータルデータリスト」と入力します。
ウィジェットをコンテナ上にドラッグします。
[編集] ページで、ポータルデータリストウィジェットを選択します。
鉛筆アイコン () を選択します。

[インスタンスオプション] ページの [データ] フィールドで、次の JSON コードを貼り付けて更新し、リストを構成します。

[
  {
    "category": "All Cases",
    "ID": "all_cases",
    "table": "sn_customerservice_case",
    "view": "csp",
    "card_view_primary_column": "number",
    "card_view_secondary_column": "short_description",
    "card_view_additional_columns": "product|contact|account|priority",
    "target_page_id": "standard_ticket",
    "guest_view": "connect"
    "role_based_views":{
	  "field_service_agent_view":"snc_field_technician",
	  "agent_case_view":["snc_customer_service_agent","snc_manager"]
     },
     "sub_categories": [
      {
        "sub_category": "Open",
        "sub_category_query": "active=true"
      },
      {
        "sub_category": "Closed",
        "sub_category_query": "active=false"
      }
    ],
    "run_time_filters": [
      {
        "column": "product",
        "selection_type": "multi_select"
      },
      {
        "column": "contact",
        "selection_type": "multi_select"
      },
      {
        "column": "account",
        "selection_type": "multi_select"
      },
      {
        "column": "priority",
        "selection_type": "multi_select"
      },
      {
        "column": "state",
        "selection_type": "multi_select"
      },
      {
        "column": "sys_updated_on",
        "selection_type": "single_select",
        "ranges": [
          {
            "label": "Last 30 days",
            "query": "sys_updated_on<=javascript:gs.endOfToday()^sys_updated_onRELATIVEGT@dayofweek@ago@30"
          },
          {
            "label": "Last 60 days",
            "query": "sys_updated_on<=javascript:gs.endOfToday()^sys_updated_onRELATIVEGT@dayofweek@ago@60"
          },
          {
            "label": "Last 90 days",
            "query": "sys_updated_on<=javascript:gs.endOfToday()^sys_updated_onRELATIVEGT@dayofweek@ago@90"
          },
          {
            "label": "Before 90 days",
            "query": "sys_updated_onRELATIVELT@dayofweek@ago@90"
          }
        ]
      }
    ]
  },
  {
    "category": "Actions Needed",
    "table": "sn_customerservice_case",
    "view": "Case",
    "card_view_primary_column": "number",
    "card_view_secondary_column": "short_description",
    "card_view_additional_columns": "product|priority|state|contact",
    "filter": "stateIN6,18",
    "glyph": "check",
    "target_page_id": "csm_ticket"
  },
  {
    "category": "Work Orders",
    "table": "wm_order",
    "card_view_primary_column": "number",
    "card_view_secondary_column": "short_description",
    "card_view_additional_columns": "priority|state",
    "glyph": "briefcase"
  }
]

詳細については、「ポータルデータリストウィジェットの JSON パラメーター」を参照してください。

ウィジェットの各カテゴリには、選択したテーブルからフィルタリングされたレコードのリストが表示されます。デフォルトは、ケース [sn_customerservice_case] テーブルです。カテゴリでは、pre_defined_filters パラメーターを使用して、レコードをさらにフィルタリングしてタブに表示できます。run_time_filters パラメーターを使用して、フィルターアイコンに表示されるフィルターオプションを構成することもできます。

インスタンスフォームの各フィールドに入力します。
フィールド値の説明については、「ポータルデータリストウィジェットインスタンスのオプションフォーム」を参照してください。
[保存] を選択します。