Backbone-Integration

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:

  1. Fügen Sie die dhtmlxScheduler-Dateien zu Ihrer Anwendung hinzu:
    <script src="../../codebase/dhtmlxscheduler.js" ></script>
    <link rel="stylesheet" href="../../codebase/dhtmlxscheduler.css">
  2. Aktivieren Sie die mvc-Erweiterung auf der Seite:
    scheduler.plugins({
        mvc: true
    });
  3. Richten Sie den Scheduler wie gewohnt ein und initialisieren Sie ihn:
    scheduler.full_day = true;
     
    scheduler.init("scheduler_here",new Date(2019,0,6),"month");
  4. Erstellen Sie anschließend eine Backbone-Datensammlung und verbinden Sie den Scheduler damit:
    //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