Year View

Year View는 캘린더에서 하나 이상의 연도를 표시합니다.

Related sample:  Year view

초기화

스케줄러에서 Year View를 활성화하려면 다음 단계를 따르세요:

  1. 페이지에서 Year 확장 기능을 활성화합니다:
    scheduler.plugins({
        year_view: true
    });
  2. 스케줄러의 마크업에 뷰의 탭을 추가합니다:
    <div id="scheduler_here" class="dhx_cal_container" ...>
        <div class="dhx_cal_navline">
           ...
           <div class="dhx_cal_tab" name="year_tab" style="right:280px;"></div>
        </div>
        ... 
    </div>
  3. 탭의 라벨을 설정합니다:
    //'year_tab'은 해당 div의 이름입니다
    scheduler.locale.labels.year_tab ="Year";

Related sample:  Year view

GUI 세부 정보

  • 이벤트가 할당된 날짜는 강조 표시됩니다.
  • 날짜 위에 마우스를 올리면, 해당 날짜에 예약된 모든 이벤트가 나열된 툴팁이 나타납니다. 툴팁의 'details' 아이콘을 클릭하면 라이트박스가 열립니다(읽기 전용 모드가 활성화되어 있지 않은 경우).

뷰에 표시되는 월 수 설정

각 행과 열에 표시되는 월의 수를 제어하려면 year_xyear_y 속성을 조정하세요:

//Year View에 6개월만 표시됩니다
scheduler.config.year_x = 2; //한 행에 2개월
scheduler.config.year_y = 3; //한 열에 3개월

관련 가이드

맨 위로