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

  • リリースバージョン: Washingtondc
  • 更新日 2024年02月01日
  • 読む5読むのに数分
  • ポータル データ リスト ウィジェットをポータルに追加し、そのデータ、外観、および動作を変更します。ポータル データ リスト ウィジェットを使用して、さまざまなケース関連データをカード形式またはリスト形式でポータルに表示できます。

    始める前に

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

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

    必要なロール:sp_admin または admin

    手順

    1. に移動します。 すべて > サービスポータル > Service Portal 設定.
    2. [デザイナー] を選択します。
    3. [サービス ポータル デザイナー] ページで、ウィジェットを追加するページを検索して選択します。
    4. [ウィジェット] タブを選択します。
    5. [レイアウト] セクションで、コンテナー レイアウトをポータル編集ページにドラッグします。
    6. コンテナーで、プラス ボタン ( プラス ボタン) を選択して列のセットを追加します。
    7. [ウィジェット] ウィンドウの [ ウィジェットのフィルター] フィールドに、「 ポータル データ リスト」と入力します。
    8. ウィジェットをコンテナーにドラッグします。
    9. 編集ページで、ポータルデータリストウィジェットを選択します。
    10. 鉛筆アイコン (鉛筆 アイコン) を選択します。
    11. インスタンスオプションページの [ データ ] フィールドで、次の JSON コードを貼り付けてカスタマイズし、リストを構成します。
      [
        {
          "label": "All Cases",
          "table": "sn_customerservice_case",
          "list_view": "Case",
          "card_view_primary_column": "number",
          "card_view_secondary_column": "short_description",
          "card_view_additional_columns": "product|priority|state|contact",
          "glyph": "th-list",
          "record_view_page": "csm_ticket",
          "pre_defined_filters": [
            {
              "filter_name": "Open",
              "filter_query": "active=true"
            },
            {
              "filter_name": "Closed",
              "filter_query": "active=false"
            }
          ],
          "run_time_filters": [
            {
              "column": "priority",
              "selection_type": "single_select",
              "values": [
                {
                  "label": "1-Critical",
                  "value": 1
                },
                {
                  "label": "2-High",
                  "value": 2
                },
                {
                  "label": "3-Moderate",
                  "value": 3
                },
                {
                  "label": "4-Low",
                  "value": 4
                }
              ]
            },
            {
              "column": "state",
              "selection_type": "multi_select"
            },
            {
              "column": "contact",
              "selection_type": "multi_select"
            },
            {
              "column": "sys_updated_on",
              "selection_type": "single_select",
              "ranges": [
                {
                  "label": "Last month",
                  "query": "sys_updated_on>javascript:gs.endOfLastMonth()"
                },
                {
                  "label": "Last 3 months",
                  "query": "sys_updated_on>javascript:gs.beginningOfLast3Months()"
                },
                {
                  "label": "Last 6 months",
                  "query": "sys_updated_on>javascript:gs.beginningOfLast6Months()"
                }
              ]
            }
          ]
        },
        {
          "label": "Actions Needed",
          "table": "sn_customerservice_case",
          "list_view": "Case",
          "card_view_primary_column": "number",
          "card_view_secondary_column": "short_description",
          "card_view_additional_columns": "product|priority|state|contact",
          "query": "stateIN6,18",
          "glyph": "check",
          "record_view_page": "csm_ticket"
        },
        {
          "label": "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 、フィルターアイコンに表示されるフィルターオプションを設定することもできます。

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