버전 4.0부터, 라이브러리는 스케줄러와 Backbone 라이브러리의 원활한 통합을 가능하게 하는 전용 확장 mvc를 제공합니다.
Backbone을 기반으로 구축된 애플리케이션에서 스케줄러를 도입하되, 데이터 관리는 Backbone을 통해 계속하고자 하는 경우 다음과 같은 접근 방식을 사용할 수 있습니다:
<script src="../../codebase/dhtmlxscheduler.js" ></script>
<link rel="stylesheet" href="../../codebase/dhtmlxscheduler.css">
scheduler.plugins({
mvc: true
});
scheduler.full_day = true;
scheduler.init("scheduler_here",new Date(2019,0,6),"month");
//여기서 어떤 모델이든 사용할 수 있습니다
MyEvent = Backbone.Model.extend({});
EventList = Backbone.Collection.extend({
model:MyEvent,
url:"./data/backbone.json"
});
events = new EventList();
scheduler.backbone(events); //컬렉션에 스케줄러를 연결
모든 설정이 완료되면, 스케줄러는 컬렉션에서 데이터를 불러오고, 모든 업데이트와 동기화를 유지합니다. 마찬가지로, 스케줄러 인터페이스에서 이루어지는 변경 사항도 Backbone 컬렉션에서 해당 이벤트를 트리거합니다.
이 과정은 매우 간단합니다. 핵심은 일반적으로 사용하는 load 또는 parse 메서드 대신 backbone 메서드를 사용하는 것입니다.
backbone 메서드는 스케줄러가 Backbone 모델의 모든 데이터 변경 사항과 상호 동기화를 유지하도록 보장합니다.
이 메서드는 Backbone 컬렉션을 파라미터로 받습니다.
Related sample: Backbone integration
맨 위로