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";

Setting the units width

By default, the minimal width of a unit is 300px. If the width of a unit reaches 300px (due to resizing or if there are too many units), the horizontal scroll appears.

To set a different minimal width for a unit, you need to modify the app.config.units.minWidth property, as follows:

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

You can also turn it off by setting the property value to 0.

Наверх