Мы рады представить вам версию 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:
Rowspan в гриде Webix:
Еще одно интересное UI-дополнение, которое мы планируем включить в версию 2.0, — это возможность использовать использовать контекстное меню заголовка для операций со столбцами виджета DataTable. Эта функциональность довольно-таки полезна в случае, когда вам нужно отсортировать или сгруппировать данные в столбцах грида или показать/спрятать некоторые столбцы грида.
Или это контекстное меню заголовка может выглядеть следующим образом:
