Webix 7.0: UI Designer, Webix Tutorials, и виджет Timeline

Встречайте Webix 7.0 и новые приложения для обучения и прототипирования. Мы добавили в библиотеку новый виджет для отображения истории изменений, возможность блокировать опции виджетов и списков и возможность добавлять текстовым полям выпадающие списки для автоподстановки.

Мы также выпустили удобные инструменты для пользователей: low-code платформу UI Designer для прототипирования интерфейсов и новые Webix Tutorials, которые будут полезны как новичкам, так и бывалым пользователям. Подробнее читайте в статье.

Webix 7.0: UI Designer, Webix Tutorials, и виджет Timeline

Webix UI Designer

Webix UI Designer — это инструмент для прототипирования интерфейсов. В нем можно добавлять и настраивать виджеты чисто визуальными средствами и скачивать исходный код полученных интерфейсов. Вы можете работать над интерфейсами совместно со своими коллегами.

Использование Webix UI Designer: добавление виджетов

Вы можете больше узнать о UI Designer в его мануале.

Webix Tutorials

Новые пользователи Webix теперь смогут начать знакомство с библиотекой с помощью новых тьюториалов. Мы включили в них актуальную информацию о наиболее часто используемых фичах: Quick Start, Datatable и Controls.

Webix Tutorials

Виджет Timeline

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

View code >>

Заблокированные опции контролов и списков

Теперь вы сможете легко блокировать опции виджетов Tabbar, Segmented и Radio, а также элементы виджетов List, Menu и их производных. Все, что вам нужно сделать — добавить поле disabled в данные для опции или элемента.

View code >>

Списки для автоподстановки в текстовых полях

В ответ на многочисленные просьбы пользователей, мы добавили возможность задавать выпадающие списки для автоподстановки в текстовых полях. Работает это как в виджете Comments: пользователю нужно ввести определенный символ, чтобы все, набранное сразу за ним, открыло список вариантов для подстановки. Более того, для одного текстового поля можно задать несколько таких списков, которые будут открываться по своему символу.

View code >>

Подсветка ячеек в формулах Spreadsheet

У виджета Spreadsheet появилась возможность редактировать формулы с удобством. Попробуйте:

View code >>

Опции для установки размеров ячеек Datatable

Мы упорядочили настройки размерности ячеек в Datatable и добавили недостающие: maxColumnWidth, maxWidth, и maxRowHeight. Все эти настройки теперь работают как при статически заданных размерах таблицы, так и при динамически заданных.

Live demo >>

Удаление редко используемого кода

Как мы и обещали, мы удалили все редко используемые методы и модули из библиотеки и переместили их на GitHub. Все, что есть в репозитории, можно использовать на свое усмотрение с Webix 7.0 или более старыми версиями.

…а еще 99 маленьких багов

Полный список всех обновлений и багфиксов вы можете увидеть на странице What’s New.

Мы будем рады получить от вас отзывы о UI Designer и Webix Tutorials. Новую версию Webix вы можете скачать, обновившись через Кабинет клиента, npm или нажав большую фиолетовую кнопку.

Скачать Webix 7.0