Встречайте Webix 4.3: интеграция с React, Bullet graph и другие нововведения

Библиотека компонентов для react
С сегодняшнего дня новый релиз библиотеки Webix доступен для скачивания. Обновлены обе версии библиотеки: Webix Standard для проектов с открытым исходным кодом и Webix PRO для коммерческого использования. Рассмотрим основные изменения.

FormInput контрол

FormInput UI JavaScript контрол
Демо >>
В новом релизе добавлен Form Input контрол, который позволяет использовать виджеты библиотеки в качестве контролов формы. Благодаря данному компоненту, вы можете добавлять в форму не только простые контролы, но также и более крупные виджеты: таблицы, выпадающие списки и т.д. При этом все элементы формы будут представлены в едином стиле.

DoubleList контрол

Doublelist UI JavaScript контрол
Демо >>
DoubleList является более интуитивной альтернативой контрола Multicombo, и позволяет выбрать несколько значений. Контрол представляет из себя два списка: левый список содержит все доступные элементы, а правый список отображает выбранные элементы. Вы можете выбрать один или несколько элементов, перемещать их при помощи кнопок, перетаскивать элементы между списками или переносить их по двойному клику мыши.
Контрол позволяет работать с каждым листом по отдельности при помощи стандартного Webix API. Кнопки можно отключать или кастомизировать при помощи параметра “buttons” и HTML/CSS.

Новый виджет Bullet graph

bullet график
Виджет Bullet graph компактен, но при этом может быть максимально информативным. Помимо сравнения показателя с целевым значением, эта диаграмма позволяет анализировать данные в рамках определенных диапазонов.

Виджет позволяет создавать как вертикальные, так и горизонтальные диаграммы, задавать цвета и размеры элементов, настраивать скорость анимации и т.д.
bullet диаграмма
Демо >>
Bullet graph доступен в PRO версии библиотеки.

Интеграция с React и другими фреймворками

Главным новшеством релиза является интеграция библиотеки с React. Интеграция позволяет расширить функциональность веб-приложений, построенных на React, благодаря 88 UI компонентам библиотеки Webix.

Важное обновление: теперь код, необходимый для интеграции с фреймворками Angular, Backbone и библиотекой JQuery больше не входит в webix.js. Ресурсы, необходимые для интеграции, перенесены в отдельные репозитории на GitHub. Ссылки на пакеты и пояснения доступны в нашей документации. Таким образом, для интеграции библиотеки версии 4.3 со сторонним фреймворком необходимо скачать дополнительный пакет.

Дополнительная информация о релизе 4.3 доступна на странице What’s new.
download webix 4.3