Встречайте Webix 4.0: 4 главных новшества релиза

Webix 4.0 релиз

27 сентября — важный день для всего сообщества Webix. Как мы и обещали ранее, сегодня стала доступна новая версия UI библиотеки под индексом 4.0. Так совпало, что индекс соответствует количеству основных нововведений главного релиза 2016 года. Рассмотрим подробнее каждый из них:

1. Доступность

Доступность UI библиотеки Webix

Главным событием релиза 4.0 является добавление трех атрибутов для разработки приложений, делающих контент доступным для людей с ограниченными возможностями. Теперь вы сможете создавать продукты в соответствии со стандартами ARIA, разработанными Консорциумом Всемирной паутины. Изменения включают в себя:

  • возможность навигации по приложению с клавиатуры: любой запрос может быть выполнен без использования “мышки” или иного манипулятора
  • дополнительная разметка для скрин ридеров (программ, позволяющих определять, что находится на экране и сообщать об этом пользователю приложения). Благодаря разметке человек сможет взаимодействовать с интерфейсом, не видя его
  • в дополнение к уже имеющимся 12 скинам в Webix 4.0 добавлена высококонтрастная тема, обеспечивающая высокий контраст между фоном и элементами интерфейса. Данная тема может работает как для десктопных, так и на мобильных устройствах, и улучшает восприятие информации на экране

Контрастная тема

2. Совместимость с Angular 2

Совместимость с Angular 2

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

Пока речь не идет о полной интеграции, однако использовать Angular 2 теперь несложно, если следовать нашим инструкциям.

3. Обновленный SpreadSheet

Webix SpreadSheet

Запущенный в феврале 2016 года, комплексный виджет SpreadSheet претерпел значительные изменения. Теперь возможностей работы с таблицами стало намного больше:

  • добавлена возможность работы с несколькими листами, а также быстрый импорт и экспорт Excel файлов
  • расширена форматирование ячеек путем добавления собственных форматов
  • значительно расширены возможности по редактированию ячеек: появились сортировка, фильтрация, добавление гиперссылок, защита ячеек, создание выпадающего меню, очистка стилей
  • добавлена возможность добавления/удаления и скрытия/показа столбцов и строк, скрытия/показа заголовков и сетки таблицы, а также закрепления рядов и строк
  • в новом SpreadSheet появилась возможность работы с изображениями и спарклайнами

Всю функциональность можно увидеть в демо SpreadSheet.

Обновленный комплексный виджет доступен за $329 для пользователей коммерческой лицензии Webix PRO и за $499 для новых покупателей. Все клиенты с действующей лицензией SpreadSheet получат обновление бесплатно. Стоимость Enterprise Pack, который включает в себя SpreadSheet, осталась без изменения.

4. Новый виджет, контрол и улучшенная адаптивность Webix 4.0

Новая функциональность Webix
Количество виджетов библиотеки растет с каждым релизом. В Webix 4.0 добавлен виджет Maps на основе Google MapsTM, контрол DateRangePicker и улучшена адаптивность приложений. Рассмотрим все по-порядку:

Виджет Maps.
С помощью нового виджета Maps самые популярные карты в мире Google Maps интегрируются прямо в ваше приложение. Виджет не только отрисовывает карту на странице, но и позволяет загрузить данные в карту так же, как и в любой дата виджет. Данные визуализируются с помощью маркеров или карты интенсивности на выбор.

Контрол DateRangePicker (доступен только для версии PRO).
Все мы привыкли выбирать даты пребывания в отеле во время своего отпуска на сайтах бронирования при помощи удобного календаря. Теперь это возможно и для приложений на основе Webix. Новый контрол DateRangePicker позволяет обозначить диапазон дат при помощи всплывающего календаря.
Вместе с контролом DateRangePicker в новом релизе будет добавлен новый фильтр, DateRangeFilter, для виджета Datatable, который позволяет фильтровать данные по диапазону дат.

Улучшение адаптивности приложений
Теперь адаптация приложений под экран компьютера или мобильного телефона происходит еще удобнее и быстрее благодаря новому функционалу:

  • события onResponsiveHide и onResponsiveShow
  • добавлена возможность отменить responsive поведение для нужных виджетов
  • новые FlexLayout и FlexDataLayout компоненты (последний только в PRO версии), позволяющие адаптировать структуру приложения или ячейки к различным разрешениям экрана без дополнительной конфигурации
  • также добавлен инструмент для выравнивания и центрирования виджетов в layout

Конечно же, не обошлось и без исправления багов.

Немного об общих моментах обновления: Webix 4.0. обратно совместим с предыдущим релизом. В релизе 4.0 произошли некоторые изменения при работе с PDF viewer и клавиатурной навигацией, которые можно найти в документации.

Клиенты с коммерческой лицензией Webix PRO смогут скачать архив с новой версией из личного кабинета. Триальная версия Webix PRO, а также бесплатная версия библиотеки Webix Standard по лицензии GNU GPLv3 для проектов с открытым исходным кодом доступны для скачивания на сайте.