Все рабочие процессы связаны с разработкой планов и их выполнением. Для того, чтобы организовать события и деловые встречи, а также для управления и отслеживания текущих задач, менеджеры могут использовать интерактивный dhtmlxScheduler.
dhtmlxScheduler — это многофункциональный календарь событий, который позволяет добавлять в веб-приложение планировщик, подобный тому, который используется в Google. Он может создавать события, показывать расписание на день, неделю или месяц, отображать местоположение, связанное с событием календаря, а также отображать повторяющиеся действия.
Отличная новость! Вы можете легко использовать Webix с вышеуказанным планировщиком. Такая интеграция наделит ваши веб-приложения многочисленными свойствами Scheduler в дополнение к замечательным функциям Webix.
Более того, вам не нужно писать огромное количество кода, для того, чтобы добавить Scheduler в приложение Webix. Scheduler можно использовать как любой другой компонент Webix.
Обновление от 8 октября, 2020
С выходом версии Webix 8.0, стал доступен собственный JavaScript Scheduler компонент. Теперь пользователи Webix могут использовать оригинальный Webix Scheduler. Этот компонент создан по всем канонам Webix framework и предназначен для интеграции в любые бизнес-приложения, независимо от их архитектуры и системной платформы.
Вы можете скачать бесплатную версию Scheduler, перейдя по этой ссылке. Более детальную информацию, вы можете найти на домашней странице Scheduler, на странице JS Scheduler документации или в каталоге примеров исходного кода Scheduler.
Начало интеграции
Прежде всего, загрузите все необходимые файлы из репозитория компонентов (бесплатной коллекции сторонних интеграций), которые соединят ваше приложение с этой сторонней библиотекой.
Затем вам нужно подключить компонент Scheduler к вашему приложению, используя следующую строку кода:
После этого, вы можете инициализировать Scheduler, используя следующий код:
webix.codebase = "./components/";
webix.ui({
view:"webix-scheduler",
date:new Date(2010,0,5),
mode:"week",
init:function(){ }, //конфигурация scheduler
ready:function(){
scheduler.parse("..events data..")
}
});
Свойства Scheduler
Scheduler имеет следующие свойства:
- date (function) — определяет начальную дату календаря;
- mode (string) — определяет тип представления времени: день, неделя или месяц;
- init — задает функцию, которая будет выполнена для инициализации компонента;
- ready — задает функцию, которая будет выполнена после полной загрузки компонента;
- parse (string) — XML string c предопределенными событиями.
Таким образом, результатом нашей работы является красивый календарь, встроенный в веб-приложение Webix. Посмотрите на онлайн-демо.
Заключение
Как видите, вы можете легко и быстро добавить dhtmlxScheduler в приложения Webix. Все что вам для этого нужно — это загрузить необходимые файлы, добавить несколько строк кода и получить отличный планировщик.
За более подробной информацией обратитесь к документации dhtmlxScheduler и Webix.
