포털 데이터 목록 위젯 추가 및 구성

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기4분

    • 포털에 포털 데이터 목록 위젯을 추가하고 데이터, 모양, 동작을 수정합니다. 포털 데이터 목록 위젯을 사용하여 포털에 다양한 케이스 관련 데이터를 카드 또는 목록 형식으로 표시할 수 있습니다.

    시작하기 전에

    고객 포털의 UI 구성요소 플러그인이 활성화되어 있어야 합니다. 자세한 내용은 고객 포털용 UI 구성요소 플러그인 활성화 문서를 참조하십시오.

    위젯을 추가할 페이지를 아직 만들지 않았다면 을 참조하십시오 구성 가능한 포털 위젯용 페이지 생성.

    필요한 역할: sp_admin 또는 admin

    프로시저

    1. 다음으로 이동합니다. 모두 > 서비스 포털 > 서비스 포털 구성.
    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. 저장을 선택합니다.