Блог

Простая интеграция Webix c dhtmlxScheduler

Все рабочие процессы связаны с разработкой планов и их выполнением. Для того, чтобы организовать события и деловые встречи, а также для управления и отслеживания текущих задач, менеджеры могут использовать интерактивный dhtmlxScheduler.

dhtmlxScheduler — это многофункциональный календарь событий, который позволяет добавлять в веб-приложение планировщик, подобный тому, который используется в Google. Он может создавать события, показывать расписание на день, неделю или месяц, отображать местоположение, связанное с событием календаря, а также отображать повторяющиеся действия.

Отличная новость! Вы можете легко использовать Webix с вышеуказанным планировщиком. Такая интеграция наделит ваши веб-приложения многочисленными свойствами Scheduler в дополнение к замечательным функциям Webix.

интеграция Webix с Scheduler

Более того, вам не нужно писать огромное количество кода, для того, чтобы добавить Scheduler в приложение Webix. Scheduler можно использовать как любой другой компонент Webix.

Начало интеграции

Прежде всего, загрузите все необходимые файлы из репозитория компонентов (бесплатной коллекции сторонних интеграций), которые соединят ваше приложение с этой сторонней библиотекой.

Затем вам нужно подключить компонент Scheduler к вашему приложению, используя следующую строку кода:

<script type="text/javascript" src="components/scheduler/scheduler.js"></script>

После этого, вы можете инициализировать 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.

Автор
The following two tabs change content below.
Veronika Lindorenko

Veronika Lindorenko

Менеджер продукта Webix с 2012. Интересуется SMM и юзабилити. Создавая качественный и привлекательный контент, она стремится делать мир онлайна лучше.
Veronika Lindorenko

Latest posts by Veronika Lindorenko (see all)

Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn VK Vote on Reddit