Allgemeine Konfigurationsanweisungen

Um das Erscheinungsbild des Schedulers anzupassen, stellt die Bibliothek drei Hauptobjekte zur Verfügung:

  • scheduler.config – Optionen für Datumsangaben, Skalen, Steuerelemente und mehr.
  • scheduler.templates – Vorlagen zur Formatierung von Datumsangaben, Titeln, Tooltips und für das Styling.
  • scheduler.xy – Einstellungen, die die Größen verschiedener Scheduler-Elemente festlegen.

Zusätzlich enthält dhtmlxScheduler mehrere Erweiterungen, um die Funktionalität der Komponente zu erweitern.

scheduler.config

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

scheduler.templates

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.

templates.png

Eine vollständige Liste der verfügbaren Vorlagen finden Sie unter Scheduler API: Templates.

Related sample:  Styling events with templates

scheduler.xy

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

Erweiterungen

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