Обзор нововведений в Webix 4.2 с Vue.js

dw2

Релиз 4.2 уже доступен для скачивания на нашем сайте и, впервые, для установки через пакетный менеджер npm обеих версий библиотеки: Standard и PRO. Давайте взглянем на то что появилось в новой версии библиотеки.

Доступ через npm

Как я уже упоминал, в дополнение к CDN, Bower и NuGet, установить и обновить Webix с сегодняшнего дня можно через пакетный менеджер npm. Для того чтобы воспользоваться Webix Standard, достаточно выполнить в терминале команду:

npm install webix

Впервые “дистанционное” обновление Webix стало доступно для клиентов платной версии библиотеки. Для этого необходимо зарегистрировать разработчика в Личном кабинете клиента, после чего вы получите данные для доступа к обновлениям библиотеки и комплексных виджетов в соответствии с лицензией. Обновления доступны в течение всего срока действия лицензии.

image01

Дополнения в виджетах и контролах

  • Появилась возможность экспортировать данные в формате CSV, востребованном многими пользователями.
  • Загрузка файлов с помощью контрола Uploader теперь возможна целой папкой — удобное решение для загрузки более 2-х файлов.
  • Для виджета Gage, появившемся в релизе 4.1, добавлена возможность настраивать цвета. Теперь использование виджета возможно как с назначением определенных изменяемых цветов для различных диапазонов значений, так и со статическим цветом для всех значений.

image02

Web Workers для Pivot

Web Workers — это простое средство для запуска скриптов в фоновом режиме.

Технология поддерживается в большинстве современных десктопных и мобильных браузерах: IE (10+), Firefox, Chrome, Safari, Opera, iOS Safari, Android Browser (4.4+), Chrome for Android.

В новом релизе возможность использовать Web Worker добавлена в наиболее ресурсоемкий комплексный виджет Pivot. Web Worker позволяет не блокировать интерфейс браузера при обработке данных в сводных таблицах, тем самым улучшая опыт взаимодействия с приложением для конечного пользователя. Нам будет интересна обратная связь от тех из вас, кто использует данную технологию, для возможной интеграции ее в другие виджеты.

Новый функционал Spreadsheet

После большого обновления комплексного виджета Spreadsheet, которое произошло в сентябре 2016 года, настало время дополнить его новым функционалом:

1. Функции для работы с текстовыми данными в ячейке;

В функциях Spreadsheet появились функции, позволяющие работать с текстовыми данными ячеек, например:

  • UPPER — переводит данные в верхний регистр
  • TRIM — удаляет пробелы в тексте
  • LEFT (текст, значение) — усекает строку до заданной длины

image00

Всего количество доступных по умолчанию функций достигло 39.

2. Возможность задавать кастомные функции для формул;

Отличительная особенность Webix — это возможность расширять и кастомизировать функционал виджетов и контролов, не теряя их свойств. Данную черту мы транслировали и на Spreadsheet. Если вам необходима функция, которая не входит в список из 39 готовых — отныне вы можете создать ее сами.

3. Использование оператора ‘&’;

Оператор — это команда, которую вы даете для произведения действий. Наравне с операторами “+”, “-”, “*”, “/”, в новой версии Spreadsheet добавлен оператор “&”. Он позволяет соединять данные из ячеек, текст и числа в одну строку. Например, в результате выполнения формулы “=1&5” мы получим “15”.

image04

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

При большом объеме данных размещать их на одном листе нецелесообразно. Однако в таком случае вы сталкиваетесь с вопросом доступа к данным из других листов. Для этого в новом релизе добавлена возможность подставлять значения в формулы из других листов в пределах одного Spreadsheet.

image06

5. Выделение диапазона ячеек с клавиатуры;

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

image05

6. Удаление неиспользуемых стилей.

Добавлен метод, который можно вызвать в любой момент, чтобы удалить неиспользуемые CSS стили из данных Spreadsheet, что сократит ваш код и поможет избежать ошибок.

Интеграция с Vue.js

Главным новшеством релиза 4.2 является интеграция библиотеки Webix с фреймворком Vue.js. Фреймворк представляет собой легкую (17 Кб min+gzip) и достаточно простую в освоении альтернативу Angular.js, React.js, Polymer и KnockoutJS. Взаимодействие между фреймворком и библиотекой будет возможно как в случае добавления виджетов Webix в приложение на основе Vue.js, так и в случае использования Vue.js темплейтов внутри Webix UI.

Дополнительную информацию о релизе вы сможете найти на странице документации What’s new.

Скачайте новый релиз и оставляйте свои комментарии о нем под этой статьей. Нам очень важна ваша обратная связь.

dw