Ab Version 4.0 bietet die Bibliothek eine spezielle Erweiterung mvc, die eine nahtlose Integration des Schedulers mit der Backbone-Bibliothek ermöglicht.
Für Anwendungen, die auf Backbone basieren und den Scheduler integrieren möchten, während die Daten weiterhin über Backbone verwaltet werden, kann folgende Vorgehensweise genutzt werden:
<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");
//Sie können hier jedes beliebige Model verwenden
MyEvent = Backbone.Model.extend({});
EventList = Backbone.Collection.extend({
model:MyEvent,
url:"./data/backbone.json"
});
events = new EventList();
scheduler.backbone(events); //Scheduler mit Collection verbinden
Sobald dies erledigt ist, lädt der Scheduler die Daten aus der Collection und hält sich bei allen Aktualisierungen synchron. Ebenso lösen Änderungen, die über die Oberfläche des Schedulers vorgenommen werden, entsprechende Ereignisse in der Backbone-Collection aus.
Dieser Prozess ist sehr unkompliziert. Wichtig ist, dass Sie die Methode backbone anstelle der üblichen Methoden load oder parse verwenden.
Die Methode backbone sorgt dafür, dass der Scheduler mit allen Datenänderungen im Backbone-Modell und umgekehrt synchron bleibt.
Sie akzeptiert eine Backbone-Collection als Parameter.
Related sample: Backbone integration
Nach oben