이벤트 추가/삭제

이벤트 추가하기

스케줄러에 이벤트를 추가하는 방법은 세 가지가 있습니다:

addEvent - 새로운 이벤트를 생성하고 onEventAdded 또는 onEventChanged 이벤트를 트리거합니다.
addEventNow - 새로운 이벤트를 생성하고 확인을 위해 라이트박스를 엽니다. 이 메서드는 어떤 이벤트도 트리거하지 않습니다.
setEvent - 이벤트를 스케줄러의 데이터 풀에 직접 추가하며, 이벤트를 트리거하지 않습니다.

가장 권장되는 방법은 addEvent 메서드를 사용하는 것입니다:

var eventId = scheduler.addEvent({
    start_date: "16-06-2019 09:00",
    end_date:   "16-06-2019 12:00",
    text:   "Meeting",
    holder: "John",  // 사용자 데이터
    room:   "5"      // 사용자 데이터
});

이벤트 수정하기

스케줄러에서 이벤트를 수정하는 경우는 두 가지 시나리오가 있습니다:

변경사항을 서버로 전송하지 않고 단순히 이벤트를 다시 렌더링하고 싶을 때는 updateEvent 를 사용하세요.
변경사항을 적용하고 서버에 저장해야 할 때는 addEvent 메서드를 사용하는 것이 더 좋습니다.

var eventId = scheduler.addEvent({
    start_date: "16-06-2019 09:00",
    end_date:   "16-06-2019 12:00",
    text:   "Meeting"
});
 
var event = scheduler.getEvent(eventId);
event.text = "Conference"; // 이벤트 데이터 수정
 
scheduler.updateEvent(event.id); // 서버로 전송하지 않고 다시 렌더링
//또는
scheduler.addEvent(event.id); // 다시 렌더링하고 서버에 업데이트 전송

이벤트 삭제하기

스케줄러에서 이벤트를 제거하려면 deleteEvent 메서드를 사용하세요:

scheduler.parse([
   {id:1, start_date:"06/30/2009 09:00", end_date:"06/30/2009 12:00", text:"Task1"},
   {id:2, start_date:"06/30/2009 12:00", end_date:"06/30/2009 20:00", text:"Task2"}
],"json");
...
scheduler.deleteEvent(2);

dataProcessor가 초기화되어 있으면, 스케줄러에서 추가되거나 삭제된 이벤트는 자동으로 데이터 소스에 반영됩니다. 자세한 내용은 Server-Side Integration 가이드를 참고하세요.

Related sample: Fully custom lightbox

맨 위로