Общие инструкции по настройке

Для настройки внешнего вида планировщика библиотека предоставляет три основных объекта:

  • scheduler.config — параметры для настройки дат, шкал, элементов управления и других опций.
  • scheduler.templates — шаблоны для форматирования дат, заголовков, тултипов и стилей.
  • scheduler.xy — настройки, определяющие размеры различных элементов планировщика.

Кроме того, dhtmlxScheduler включает несколько расширений, которые позволяют расширить функциональность компонента.

scheduler.config

Библиотека содержит широкий набор опций конфигурации в объекте scheduler.config.

Чтобы применить опцию, просто присвойте ей значение, как показано в документации (или замените scheduler на имя вашего экземпляра dhtmlxScheduler, если вы используете несколько планировщиков на странице).

Обратите внимание, что параметры конфигурации должны быть заданы до инициализации планировщика.

scheduler.config.first_hour = 8;scheduler.config.last_hour = 17;scheduler.config.start_on_monday = true;scheduler.init('scheduler_here',null,"week");

Полный список свойств scheduler.config приведён в разделе Scheduler API: Properties.

Related sample:  Multi-day events

scheduler.templates

Шаблоны позволяют настраивать отображение дат и заголовков в планировщике.

Чтобы определить шаблон, присвойте ему функцию, как показано ниже (или замените scheduler на имя вашего экземпляра dhtmlxScheduler, если вы используете несколько планировщиков на странице). Убедитесь, что вы определили шаблоны до инициализации планировщика.

scheduler.templates.event_text = function(start,end,ev){   return 'Subject: ' + ev.text + '';};scheduler.init('scheduler_here',null,"week");

Рекомендуется переопределять шаблоны внутри обработчика события onTemplatesReady, чтобы ваши шаблоны не были перезаписаны шаблонами по умолчанию.

templates.png

Полный список доступных шаблонов смотрите в разделе Scheduler API: Templates.

Related sample:  Styling events with templates

scheduler.xy

Объект scheduler.xy содержит свойства для управления шириной, высотой и отступами элементов планировщика в различных режимах отображения.

Чтобы задать эти параметры, присвойте им значения, как показано ниже (или замените scheduler на имя вашего экземпляра dhtmlxScheduler, если вы используете несколько планировщиков на странице). Не забудьте применить настройки размеров до инициализации планировщика.

scheduler.xy.scale_height = 40; //задаёт высоту оси X  scheduler.init('scheduler_here',new Date(),"month");

Все свойства в scheduler.xy используют тип данных 'number'.

Related sample:  Customizing the scheduler header

Расширения

Для добавления специальных возможностей в компонент Scheduler можно активировать различные расширения. Например, включение расширения cookie позволяет сохранять текущее состояние планировщика (такие как режим и дата) в cookies.

scheduler.plugins({
    cookie: true
});

Related sample:  Work with cookies

Список доступных расширений Scheduler приведён в статье Полный список расширений.

Наверх