Um das Erscheinungsbild des Schedulers anzupassen, stellt die Bibliothek drei Hauptobjekte zur Verfügung:
Zusätzlich enthält dhtmlxScheduler mehrere Erweiterungen, um die Funktionalität der Komponente zu erweitern.
Die Bibliothek bietet eine Vielzahl von Konfigurationsoptionen innerhalb des scheduler.config-Objekts.
Um eine Option anzuwenden, weisen Sie sie einfach wie in dieser Dokumentation gezeigt zu (oder ersetzen Sie scheduler durch den Namen Ihrer spezifischen dhtmlxScheduler-Instanz, falls Sie mehrere Scheduler auf der Seite verwenden).
Beachten Sie, dass die Konfigurationseinstellungen vor der Initialisierung des Schedulers angewendet werden müssen.
scheduler.config.first_hour = 8;scheduler.config.last_hour = 17;scheduler.config.start_on_monday = true;scheduler.init('scheduler_here',null,"week");
Eine vollständige Liste der scheduler.config-Eigenschaften finden Sie unter Scheduler API: Properties.
Related sample: Multi-day events
Mit Vorlagen können Sie anpassen, wie Datumsangaben und Titel im Scheduler angezeigt werden.
Um eine Vorlage zu definieren, weisen Sie sie wie hier demonstriert zu (oder ersetzen Sie scheduler durch den Namen Ihrer spezifischen dhtmlxScheduler-Instanz, falls Sie mehrere Scheduler auf der Seite verwenden). Stellen Sie sicher, dass Sie Vorlagen vor der Initialisierung des Schedulers definieren.
scheduler.templates.event_text = function(start,end,ev){ return 'Subject: ' + ev.text + '';};scheduler.init('scheduler_here',null,"week");
Es wird empfohlen, Vorlagen innerhalb der Handler-Funktion für das onTemplatesReady-Ereignis neu zu definieren, um zu verhindern, dass Ihre Vorlagen durch die Standardvorlagen überschrieben werden.
Eine vollständige Liste der verfügbaren Vorlagen finden Sie unter Scheduler API: Templates.
Related sample: Styling events with templates
Das scheduler.xy-Objekt enthält Eigenschaften, mit denen Sie Breiten, Höhen und Abstände der Scheduler-Elemente in verschiedenen Ansichten steuern können.
Um diese Optionen festzulegen, weisen Sie Werte wie gezeigt zu (oder ersetzen Sie scheduler durch den Namen Ihrer spezifischen dhtmlxScheduler-Instanz, falls Sie mehrere Scheduler auf der Seite verwenden). Denken Sie daran, die Größeneinstellungen vor der Initialisierung des Schedulers anzuwenden.
scheduler.xy.scale_height = 40; //setzt die Höhe der X-Achse scheduler.init('scheduler_here',new Date(),"month");
Alle Eigenschaften in scheduler.xy verwenden den Datentyp 'number'.
Related sample: Customizing the scheduler header
Mehrere Erweiterungen können aktiviert werden, um dem Scheduler-Komponenten spezielle Funktionen hinzuzufügen. Beispielsweise ermöglicht die Aktivierung der cookie-Erweiterung dem Scheduler, seinen aktuellen Zustand (wie Modus und Datum) in Cookies zu speichern.
scheduler.plugins({
cookie: true
});
Related sample: Work with cookies
Eine Liste verfügbarer Scheduler-Erweiterungen finden Sie im Artikel Vollständige Liste der Erweiterungen.
Nach oben