Недавно Webix представил новый комплексный виджет JS Scheduler для интеграции функций календаря, планирования и ведения расписания в любые web приложения. В этой статье мы рассмотрим основные возможности нового модуля и ответим на наиболее часто задаваемые вопросы. 

Что такое комплексные виджеты Webix? 

В отличие от обычных JavaScript UI widgets, комплексные виджеты - это полноценные SPA приложения, которые не требуют дополнительной настройки и кастомизации. Они сразу готовы для интеграции в Ваше бизнес-приложение, что позволяет существенно сэкономить рабочее время программистов. Это наглядное воплощение концепции low-code платформы, которой является Webix. Комплексные виджеты Webix сразу готовы к работе, т.к. содержат и функциональный front-end слой, и при необходимости, поставляются с различными вариантами back-end слоя. Гибкая архитектура Webix позволяет легко кастомизировать эти приложения, расширять функциональность, интегрировать в уже существующие решения. 

Обзор Scheduler 

Webix Scheduler 

Webix Scheduler предлагает классический дизайн для такого типа приложений.  

Правая панель содержит в себе: 

  • календарь
  • каналы событий (подключаемые календари).

Компактный режим может быть реализован разными способами. Ниже на скриншоте - один из вариантов, который может подойти для интеграции в мобильные приложения. 

Компактный режим - Webix Sheduler

Создание и редактирование событий 

Механизм создания и редактирования событий позволяет: 

  • задавать имя события
  • указывать начальную и конечную дату/время
  • создавать события, длящиеся весь день
  • создавать повторяющиеся события
  • писать комментарии к событию.

Режим просмотра Agenda отображает события, запланированные на текущий месяц. 

Режим просмотра Agenda - Webix Sheduler

Режим просмотра Today позволяет увидеть задачи, запланированные на текущий день. Особенность этого режима в том, что он показывает только события текущего дня без необходимости переключаться на другой вид. Т.е. скрывает все прошлые и будущие события, оставляя только текущие. 

Режим просмотра Today  - Webix Sheduler

Присутствуют стандартные режимы просмотра:  

  • Режим просмотра Day  - список задач на текущий день.
  • Режим просмотра Week - список задач на текущую неделю.
  • Режим просмотра Month - список задач на текущий месяц.

Поддержка Drag-n-drop  

Webix Scheduler поддерживает drag-n-drop для событий календаря. Это позволяет: 

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

Примеры кастомизации 

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

Touch Friendly sample  позволяет получить вариант Scheduler, адаптированный для мобильных устройств.  

Touch Friendly sample  - Webix Sheduler

Также для устройств с малой диагональю экрана может подойти Scheduler компактный режим

Scheduler компактный режим - Webix Sheduler

Просмотр содержания события можно организовать в плавающем окошке

Плавающее окошко - Webix Sheduler

Здесь вы можете найти больше JavaScript Scheduler Samples

 

Часто задаваемые вопросы 

Куда делась предыдущая версия виджета - Mobile Scheduler? 

Она больше не поддерживается и не будет входить в пакет Webix. Новая версия Scheduler предоставляет лучшую функциональность и мы рекомендуем использовать ее. Если Вам все-таки нужна старая версия, свяжитесь со службой поддержки для ее получения.  

Могу ли я купить Webix Scheduler без самой библиотеки Webix? 

Да, мы предусмотрели такую возможность. Свяжитесь с нами, чтобы получить больше информации. 

Совместим ли Scheduler с Angular или React? 

Да. Мы предоставляем примеры интеграции наших виджетов в любые современные фреймворки. 

Scheduler совместим с Webix community (opensource) edition? 

Нет. Все комплексные виджеты требуют наличия коммерческого пакета Webix Pro. 

Scheduler будет работать по истечении пробного периода? 

По истечении пробного периода вся функциональность Gantt Chart будет заблокирована. Но Вы можете обратиться к нам, чтобы продлить пробный период вплоть до 6 месяцев. 

Можно ли изменять UI и дизайн для Scheduler? 

Безусловно. Комплексные виджеты легко настраивать, интегрировать и кастомизировать. Чтобы помочь Вам с этим, мы создали подробную документацию

  

Заключение 

Webix в очередной раз создал прекрасный, функциональный продукт, который может стать дополнением Вашего бизнес-приложения. Вы без особого труда сможете встроить Scheduler в свою систему и при необходимости кастомизировать его и интегрировать с Вашим back-end и front-end окружением.