Блог

Webix 2.4: Portlet, Range Slider и другие UI улучшения

У нас отличные новости для вас! Библиотека Webix была обновлена до версии 2.4, в которую вошли такие улучшения, как новый виджет Portlet и контролы формы MultiCombo и RangeSlider. И это далеко не полный список всех изменений.

Виджет Portlet

Portlet— это layout компонент, с помощью которого вы можете интуитивно создавать макеты портала. Более того, портлеты легко менять местами путем перетаскивания в нужное место место вашей страницы.

webix portlet

Итак, вам не придется писать тонны кода для изменения расположения элементов на странице. Все, что вам нужно будет сделать — это потянуть портлет с встроенным виджетом за специальный хэндлер и переместить его на одно из возможных мест “посадки”, которые будут выделены цветом. Хотите посмотреть, как это работает? Вам поможет это демо.

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

portlet header

MultiCombo

Вы когда-нибудь задумывались о том, что было бы круто, если бы в виджете комбо была возможность выбрать сразу несколько элементов? Теперь эта функциональность будет доступна всем пользователям, обновившимся до последней версии. Скачав версию 2.4, вы получите Комбо, который позволяет выбрать одновременно несколько элементов при помощи чекбоксов. Эта фича значительно упростит работу пользователей с вашим приложением, сделанным на Webix.

MultiCombo

Range Slider

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

Range Slider

Валидационные сообщения в форме

Цель валидации веб-формы состоит в том, чтобы проверить, отправляет ли пользователь нужные данные в правильном формате. Теперь у виджета Webix Form появились функция “валидационные сообщения”, которая позволяет уведомлять пользователей, если они совершили ошибку при заполнении формы.

Validation Message in Webix Form

В дополнение к вышеописанным улучшениям интерфейса, необходимо отметить, что у виджетов Pivot и Pivot Chart появилось свойство readonly, а API виджета File Manager пополнилось событиями getCurrentFolder и getSelectedFile.

Если вы хотите узнать больше технических подробностей об обновлении Webix, вы можете просмотреть на наш список what’s new list.

Чтобы скачать последнюю версию библиотеки, перейдите по ссылке.

Автор
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