units

позволяет отображать события дня, сгруппированные по категориям

Example

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

Default value:

false

Related samples

Свойство позволяет перевести Scheduler в режим Units. В этом режиме пользователи могут просматривать события, сгруппированные по каким-либо категориям (units). У событий может быть одна или несколько категорий.

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

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

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

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

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

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

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

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

Настройка ширины категорий

По умолчанию минимальная ширина категории (unit) - 300px. Когда ширина категории достигает 300px (при изменении размеров окна или если категорий слишком много), появляется горизонтальная прокрутка.

Чтобы задать другую минимальную ширину, измените свойство app.config.units.minWidth:

webix.ui({
    view: "scheduler",
    url: "https://docs.webix.com/calendar-backend/",
    units: { minWidth: 120 }, });

Чтобы убрать ограничение по ширине, задайте значение 0.

Наверх