timeline

позволяет работать с таймлайном

Example

webix.ui({
  view: "scheduler",
  url: "https://docs.webix.com/calendar-backend/",
  // добавляем опцию "timeline" в список режимов
  timeline: true
});

Default value:

false

Related samples

Если свойство включено (timeline: true), пользователь может перейти в режим таймлайна. В этом режиме можно просматривать события, сгруппированные по специальным секциям.

Чтобы добавить какое-либо событие в секцию, вам необходимо:

• загрузить секции с сервера
• добавить ID секции в объект данных события

Это статическое свойство, поэтому, если вы хотите изменить его значение динамически, то после указания значения приложение необходимо перерисовать:

webix.ui({
  view: "scheduler",
  id: "scheduler1"
});
 
const schedApp = $$("scheduler1").$app;
schedApp.config.timeline = true;
schedApp.refresh();

Чтобы указать режим таймлайна по умолчанию, задайте свойству timeline значение true, а свойству mode - значение "timeline":

webix.ui({
  view: "scheduler",
  url: "https://docs.webix.com/calendar-backend/",
  timeline: true,   mode:"timeline", });

Вы также можете переключить Scheduler в другой режим через состояние компонента. Обратите внимание, что для перехода в режим таймлайна свойство timeline: true должно быть выставлено изначально. Изменения отобразятся сразу же.

$$("scheduler1").getState().mode = "timeline";

У таймлайна есть 3 режима, которые можно выставить с помощью свойства timelineMode.

Наверх