Webix 1.9: Горячие клавиши для элементов управления и другие улучшения UI

Мы рады представить вам версию 1.9 JavaScript UI библиотеки Webix для создания быстрых HTML5 веб-приложений. Новая версия включает в себя некоторые изменения пользовательского интерфейса, которые ускоряют разработку веб-приложений, скины, которые стали еще лучше, и исправление некоторых ошибок.

Горячие клавиши для элементов управления

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

С выходом новой версии библиотеки появилась возможность задавать горячие клавиши для элементов управления (инпуты, кнопки) при помощи одной строки кода.Нажатие на горячую клавишу воспринимается как клик на соответствующий инпут/контрол, на который переводится фокус и происходит вызов всех прикрепленных обработчиков.

Горячие клавиши для элементов управления

Расширенная функциональность меню

С Webix 1.9 вы можете запросто добавлять HTML-ссылки в виджет Webix Menu, задавая их в конфигурации элементов. Раньше ссылки можно было добавить только через обработчик событий, но это занимало некоторое время.

Другие улучшения пользовательского интерфейса

Изменился стиль активной кнопки. Теперь вам будет легче определить, какая кнопка находится в фокусе в данный момент.

Виджет Calendar в новой версии поддерживает свойство “dayTemplate”, которое дает возможность настраивать внешний вид ячеек, отображающих дни недели в календаре.

API виджета DataTable пополнился новыми методами: getHeaderNode() и refreshFilter().

Узнать больше о новой версии вы можете из документации Webix.

Вы можете получить последнюю версию Webix здесь.

Впереди у нас много крупных обновлений. Например, в версии 2.0 мы планируем добавить colspan и rowspan функциональность для DataTable.

Пример использования colspan и rowspan в Webix DataTable:

 colspan и rowspan функциональность для DataTable

Rowspan в гриде Webix:

rowspan в webix гриде

Еще одно интересное UI-дополнение, которое мы планируем включить в версию 2.0, — это возможность использовать использовать контекстное меню заголовка для операций со столбцами виджета DataTable. Эта функциональность довольно-таки полезна в случае, когда вам нужно отсортировать или сгруппировать данные в столбцах грида или показать/спрятать некоторые столбцы грида.

контекстное меню заголовков в гриде

Или это контекстное меню заголовка может выглядеть следующим образом:

data-table-new