moreLinkClick (Properties)

dayMaxEventRows, eventMaxStack 옵션으로 인해 표시된 "+2 개"와 같은 링크 클릭 시의 동작을 설정합니다.

Type

string | function

Options

Value Description
"popover" 링크 클릭 시 해당 날짜의 모든 일정(Event)들이 팝오버(Popover)로 표시됩니다. (default)
"week" 링크 클릭 시 headerToolbar 또는 footerToolbar 옵션에 설정되어 있는 주 단위(timeGridWeek) 뷰(View)로 전환 후 현재 날짜의 일정(Event) 정보들을 표시합니다.
"day" 링크 클릭 시 headerToolbar 또는 footerToolbar 옵션에 설정되어 있는 일 단위(timeGridDay) 뷰(View)로 전환 후 현재 날짜의 일정(Event) 정보들을 표시합니다.
뷰(View) 이름 링크 클릭 시 지정한 이름의 뷰(View)로 전환 후 현재 날짜의 일정(Event) 정보들을 표시합니다.
event callback 링크 클릭 시 설정한 콜백(callback) 함수를 호출합니다.

Example

options = {
    moreLinkClick: "week"
};

콜백(callback) 함수로 설정 시 "info" parameter 객체는 다음과 같은 속성들을 포함하고 있습니다.

Parameter DataType 설명
date Date 클릭한 날짜의 javascript Date 객체
allSegs <Segment객체>[] 해당 날짜의 모든 일정(Event)들의 Segment 객체 배열
hiddenSegs <Segment객체>[] 표시되지 않은 일정(Event)들의 Segment 객체 배열
jsEvent MouseEvent 링크 클릭 시 발생하는 javascript 이벤트 콜백(callback) 함수

Segment 객체는 다음과 같은 속성들을 포함하고 있습니다.

Parameter DataType 설명
Event EventApi 일정(Event) 정보
start Date 일정(Event)의 시작 날짜 정보
end Date 일정(Event)의 종료 날짜 정보
isStart boolean 클릭한 날짜에 시작된 일정(Event)인지 여부
isEnd boolean 클릭한 날짜에 끝나는 일정(Event)인지 여부
options = {
    moreLinkClick: function(info){
        console.log(info.date);
        console.log(info.allSegs);
        console.log(info.hiddenSegs);
        console.log(info.jsEvent);
    },

    editable: true
};

Read More

Since

product version desc
core 1.5.0.0 기능 추가