Блог

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 и юзабилити. Создавая качественный и привлекательный контент, она стремится делать мир онлайна лучше.
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