Обзор обновлений Webix: новые UI компоненты, Skin Builder и не только

|

Мы выпустили несколько обновлений библиотеки UI компонентов Webix. Они включают в себя новые элементы управления для выбора данных, возможность использовать  протокол WebSocket и стандарт хранения данных IndexedDB.

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

Усовершенствование Data Selection Controls

В Webix версии 1.4 представлены улучшенные способы выбора данных, которые можно легко добавить в другие элементы управления Webix или в поля ввода HTML.

Первый способ, Data-suggest, позволяет использовать мультимедийные объекты в качестве опций выбора. Опции могут быть представлены картинками либо другими HTML-объектами. Более того, разнообразные мультимедийные объекты могут использоваться в select-контроле вместо обычного текста.

data suggest элемент

Еще один способ выбора данных — это Grid-suggest. В данном элементе управления вместо обычных опций выбора используется таблица данных.  Grid-suggest позволяет использовать все свойства таблиц данных, такие как редактирование, сортировка, фильтр, и многие другие.

grid suggest элемент

Улучшение загрузки и сохранения данных

WebSocket

WebSocket — это веб-протокол, который помогает реализовать в приложении связь с сервером в реальном времени. Теперь все компоненты Webix могут использовать этот протокол для загрузки и сохранения данных. Это означает, что приложения, разработанные с использованием Webix, будут основаны на постоянной связи между сервером и клиентом.

IndexedDB

IndexedDB — это веб-стандарт хранения данных, поддерживаемый многими современными браузерами. Webix 1.4 позволяет использовать IndexedDB для загрузки и сохранения данных. Это означает, что теперь веб-приложения, разработанные с использованием библиотеки Webix, могут работать оффлайн (это главная функциональность IndexedDB).

Другие улучшения

В Webix версии 1.4 улучшено позиционирование окна. Добавлена возможность абсолютного и относительного позиционирования. Кроме того, была добавлена функция навигации c помощью клавиатуры в компоненте List, а также событие onReady и свойство zindexBase.

Предыдущий релиз порадовал пользователей Webix шестью новыми скинами (air, compact, clouds, glamour, light, metro, terrace and web), новыми пользовательскими элементами, некоторыми улучшениями компонентов и релизом Skin Builder, работающего онлайн.

Разнообразие новых скинов Webix позволяет легко кастомизировать внешний вид разработанных приложений. Используя Webix Skin Builder, можно посмотреть, как новые скины будут выглядеть в реальных приложениях, а также изменить любой элемент скина и затем выложить свои обновленные приложения в новом скине в соцсетях.

скин билдер вебикс

Разработчиками Webix также был создан новый пользовательский элемент «HTML5 video», чтобы сделать веб-приложение, созданное с помощью Webix, более мультимедийным.

Кроме того, была улучшена функциональность и внешний вид компонента Carousel, а в виджет Charts была добавлена логарифмическая шкала.

carousel компонент

Мы постоянно работаем над улучшением компонентов Webix в соответствии с последними тенденциями в мире веб-разработки. Читайте наши новости и узнавайте о последних обновлениях Webix!

The following two tabs change content below.

Вероника Линдоренко

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