디스패처 작업 공간의 시간별 달력 구성

  • 릴리스 버전: Australia
  • 업데이트 날짜 2026년 03월 12일
  • 소요 시간: 4분
  • 각 열이 시간을 나타내는 달력을 표시하도록 구성 디스패처 작업 공간 합니다. 이 문서에서는 5시간 달력을 표시하려고 했지만 필요에 맞게 시간 수를 변경할 수 있습니다.

    시작하기 전에

    필요한 역할: 관리자

    이 태스크 정보

    시간별 달력 구성의 이점은 다음과 같습니다.
    • 세분화된 시간 표시: 각 열은 정확히 1시간을 나타냅니다.
    • 5일 범위: 연속 120시간(24시간 × 5시간)을 표시합니다.
    • 확대/축소 기능: 향상된 확대/축소 기능으로 가시성 향상
    • 반응형 디자인: 최적화된 열 너비 및 간격
    • Event Management: 이벤트 생성, 편집 및 시각화에 대한 완벽한 지원
    그림 1. 디스패처 작업 공간의 시간별 뷰
    시간별 뷰 범위 표시

    프로시저

    1. 다음으로 이동 모두 > 시스템 정의 > 스크립트 포함.
    2. DispatcherWorkspaceConstants를 찾아 엽니다.
    3. CALENDAR_VIEW_SETTINGS 객체를 찾아 TIMELINE_FIVE_DAYS_HOURLY_VIEW 구성을 추가합니다.
      "TIMELINE_FIVE_DAYS_HOURLY_VIEW": {
          // Template configurations for UI components
          "templates": {
              "rowBody": {
                  "type": "macroponent",
                  "value": "23c3967f53d07110443cddeeff7b1222"
              },
              "sectionHeadBody": {
                  "type": "macroponent",
                  "value": "43899a6ded592110f87778b05e3c80a7",
                  "sticky": true,
                  "autoCollapse": false,
                  "manageCollapsed": true,
                  "disableUXFContainerClickEvents": true
              },
              "sectionHeadTitle": {
                  "type": "macroponent",
                  "value": "a1ff3ba6b7803110a311aa7e1e11a964",
                  "autoCollapse": false,
                  "manageCollapsed": true,
                  "disableUXFContainerClickEvents": true
              },
              "rowTitle": {
                  "type": "macroponent",
                  "value": "0c1ae3a8b1346110f8776e5c40f98bd2",
                  "style": {
                      "height": "100%"
                  }
              },
              "eventBody": {
                  "type": "component",
                  "value": "sn-fsm-event-body"
              },
              "timestampBody": {
                  "type": "macroponent",
                  "value": "3deb30f8d149e110f8773e7b5e3fce04"
              }
          },
       
          // Core time configuration - THIS IS THE KEY PART
          "xStart": 0,                    // Start from hour 0
          "xStep": 1,                     // Increment by 1 hour per column
          "xSize": 120,                   // Show 120 hours total (5 days × 24 hours)
          "xUnitName": "hours",           // Each column represents hours
       
          // Display and layout settings
          "columnWidthInPx": 65,          // Width of each hourly column
          "viewProvider": "TIMELINE_CONFIGURABLE_COLUMN",
       
          // Time scale header configuration. Adds another row on top of the 1 hour per column for better visibility and more information
          "timeScaleGridRows": [{
              "id": "days",
              "order": 1,
              "unit": "days",
              "format": "dddd MMMM DD"    // Display format: "Monday January 15"
          }],
       
          // UI behavior settings
          "rowHeightBottomPaddingInLines": 2,
          "snapGranularity": 15,
          "groupBy": "group",
          "animation": false,
          "hideAgendaView": true,
          "eventHeight": 20,
          "minEventRowHeight": 24,
          "eventMinWidthMS": 1000,
          "noScrolling": false,
          "usePropertyDiff": true,
          "hideSidebarOnLoad": true,
       
          // Zoom and toolbar configuration
          "floatingToolbarConfig": {
              "manage": false,
              "zoomSize": 0.2,
              "disableCollapse": false,
              "collapseOnLoad": true,
              "collapseOnResize": true
          }
      }
    4. 동일한 스크립트 포함에서 AVAILABLE_VIEWS 배열을 찾습니다.
      주:
      이전 단계의 이미지를 참조하십시오.
    5. 새 뷰 항목을 추가합니다. 이 단계의 이미지를 참조하십시오.
      {
          "view": "TIMELINE_FIVE_DAYS_HOURLY_VIEW",
          "viewProvider": "TIMELINE_CONFIGURABLE_COLUMN", 
          "label": gs.getMessage("5 days hourly"),
          "type": "Timeline"
      }
    6. 스크립트 포함을 저장합니다.
    7. 업데이트 세트의 파일 변경 내용을 캡처하고 업데이트 세트를 커밋합니다.
    8. 으로 이동하여 디스패처 작업 공간 구현을 확인합니다.
    9. 뷰 선택기에서 시간당 5일 옵션을 검색하여 선택합니다.