Блог

Webix 2.0: улучшенная производительность и новые функции

Отличные новости от команды Webix! Мы выпустили новую версию библиотеки Webix 2.0! Номер версии подразумевает серьезные изменения — и мы готовы предложить вам множество полезных обновлений.

Улучшенный виджет DataTable

Мы улучшили многие виджеты библиотеки Webix, но больше других был усовершенствован компонент DataTable. С него и начнем.

Сейчас она обладает следующими отличными функциями:

  • Объединение строк и столбцов
  • Меню заголовка
  • Расширенные возможности редакторов
  • Сгруппированные столбцы
  • Сохранение текущего состояния
  • Расширенные возможности фильтра
  • Вертикальный заголовок
  • Кастомная высота футеров и хедеров


Вы можете отображать даже сложные данные в доступной форме, благодаря функции объединения тех строк и столбцов, которые содержат аналогичную информацию (функция доступна только в Pro-версии).

rowspan colspan

Добавляя в Webix DataTable функцию “меню заголовка”, вы даете пользователям возможность выбрать при помощи данного меню, какие столбцы должны быть спрятаны, а какие отображены.

header menu in Webix DataTable

С новыми, расширенными редакторами (Pro-функциональность) вы сможете редактировать содержимое грида различными способами: выбирать несколько вариантов одновременно, редактировать данные, используя другой грид в качестве редактора, или выбирать опции из dataview объектов.

multi-select editor


Вы можете отображать комплексные данные в сгруппированных столбцах, которые можно скрывать, а затем отображать снова (Pro-версия).
Видимость столбцов изменяется по клику на иконку “+/-”, которая разворачивает/сворачивает столбцы, соответственно. Данная функция поможет вам компактно организовать множество данных в DataTable.

grouped columns in Webix DataTable

В предыдущих версиях Webix можно было сохранять текущее состояние только виджета Tree. С выходом версии 2.0, вы можете сохранять состояние DataTable между сессиями, что возможно в Pro-версии.
Кроме того, пользователи вашего приложения могут сохранять состояния всех ваших виджетов Webix в локальное хранилище, а затем восстанавливать их при необходимости.

Теперь в Webix DataTable есть целых 4 фильтра с расширенными возможностями, среди них: richselect-фильтр (выпадающий список с элементами для выбора), multiselect-фильтр (позволяет выбирать несколько опций одновременно), фильтр по датам (при помощи встроенного календаря).

Datefilter in DataTable

Следующая функция особенно полезна, когда вам нужно поместить в грид большие объемы данных. Для того чтобы сделать приложение более компактным и одновременно вместительным, вы можете расположить текст в заголовке DataTable вертикально(Pro-версия).

Ранее, высота хедера и футера DataTable была фиксированной. Теперь вы можете установить для них кастомную высоту, что позволит разместить нужное количество информации как в футере, так и в хедере.

Расширенная локализация

Количество локалей библиотеки Webix увеличилось с 5 до 9 локалей в Стандартной версии и до 305 локалей в Pro-версии. С таким количеством поддерживаемых форматов чисел и дат вы сможете с легкостью создавать локализованные приложения.

Улучшенный Tabbar

С Webix версии 2.0, вы можете добавить на Tabbar кнопки для закрытия табов, похожие на те, что используются в табах браузера. Один клик по крестику, и таб исчезает. Кроме того, вы можете с легкостью встраивать иконки в табы Tabbar.

improved Tabbar functionality

Property Sheet

В Property Sheet вы можете использовать следующие редакторы: Select, Combo, Colorpicker, Text editor (используется также для паролей), Multiselect, Richselect. Чтобы добавить более расширенные функции редактирования, используйте редакторы Grid Suggest, Dataview Suggest и Datepicker.

webix property sheet editors

Расширенные возможности формы

С множественными полями ввода в Webix (pro-функциональность), вы можете создать форму, в которой пользователь может отправлять несколько значений для одного поля одновременно. Дополнительное поле появляется по нажатию на кнопку “+”, в то время как клик по кнопке “-” удалит поле.

multiple-field input in Webix Form

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

Кастомные скроллбары

Теперь вы можете заменить стандартные скроллбары кастомными, похожими на те, что используются в Mac OC. По умолчанию, такие скроллбары невидимы, и появляются только тогда, когда вы проводите курсором мыши или пальцем над скроллируемой областью.

Custom scrollbars

Индикаторы загрузки

У вас есть возможность сделать свой рабочий процесс более приятным, добавив в любой виджет Webix индикатор либо иконку загрузки. Вы можете выбрать один из многочисленных заданных типов индикаторов загрузки или создать свой собственный.
progress bar webix

Promise API для всех Ajax-операций

Webix 2.0 предоставляет promises для всех ajax-операций, что позволит вам обрабатывать результаты асинхронных операций без обратных вызовов. Однако, обратите внимание, что все старое API, основанное на обратных вызовах, по-прежнему в вашем распоряжении.

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

Мы улучшили функцию автозаполнения, а также навигацию c помощью клавиатуры в Webix версии Standard.

Как вы уже заметили, некоторые функции были отмечены как Pro. Начиная с Webix 2.0, мы будем выпускать Webix в двух версиях: Standard, доступную под лицензией GPL, и Pro — доступную под коммерческой лицензией.

Узнайте о том, что вы можете получить с Webix Pro.

Мы приложили все усилия, чтобы сделать вашу работу с Webix быстрее, эффективнее и интереснее. Мы надеемся, что новый Webix 2.0 придется вам по вкусу!

Полный список обновлений вы можете найти в документации Webix.

Загрузить последнюю версию можно по этой ссылке.

Автор
The following two tabs change content below.
Veronika Lindorenko

Veronika Lindorenko

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