Релиз Webix 6.2: Улучшенная загрузка данных, тултипы для всех компонентов и новый режим для DnD

Каждый день Webix становится на один шаг ближе к совершенству. Сегодня это большой шаг к версии 6.2, в которой вы найдете много новых полезных возможностей. Например, теперь для любой части приложения можно задать тултип, а благодаря обновлению для серверных прокси, загрузка и сохранение данных стали намного удобнее. Пользователи смогут экспортировать чарты и другие компоненты в PDF как изображения, а также их порадует то, что drag-n-drop в компонентах стал лучше и красивее. И долгожданная новость: вышел Webix Jet 2.0. Читайте дальше, чтобы узнать подробности.

Релиз Webix 6.2: Улучшенная загрузка данных, тултипы для всех компонентов и новый режим для DnD

Webix тултипы для всех виджетов и не только

Одна из самых долгожданных фич воплотилась в реальность. Теперь вы сможете легко задавать Webix тултипы не только для компонент с данными, но и для хедеров / футеров таблиц, контролов, темплейтов и вообще любых HTML-элементов на странице.

Webix тултипы для всех виджетов и не только

Обновленный экспорт в PDF

Экспорт в PDF стал лучше благодаря новым возможностям:

  • экспортирование виджетов в виде изображений, что особенно важно для Chart и других виджетов, построенных с помощью canvas,
  • экспортирование нескольких виджетов в один документ.

Обновленный экспорт в PDF

Обновления DnD

У Drag-n-drop два главных обновления. Мы добавили новый режим move. Новый drag-n-drop режим работает почти как режим по умолчанию, нo выглядит намного привлекательнее. Порядок элементов и их позиционирование меняются в процессе перетаскивания элемента.

Обновления DnD

Заодно и режим order позаимствовал прелести нового режима move. Больше подробностей вы найдете на странице What’s new.

Обновления для модальных окон

Модальные диалоговые окна теперь тоже работают с промисами. Например, когда вы создаете confirm box, он возвращает промис, который резолвится или реджектится в зависимости от того, на какую кнопку нажал пользователь.

webix.confirm("Are you sure you want to exit?")
    .then(function(){
        exit();
    })
        .fail(function(){
            // do nothing
        });

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

Обновления для прокси

В Webix 6.2, прокси стали менее загадочными и более простыми в использовании. Теперь вы можете настраивать способ загрузки и сохранения данных с помощью привычного API промисов. Например, теперь вообще не проблема загрузить данные POST-реквестом с параметрами:

view:"datatable",
url:{
    $proxy:true,
    load:function(view, params){
        return webix.ajax().post("/server/data", { param:1 });
    }
};

Подробнее вы можете почитать на странице What’s new.

Серверные сэмплы Filemanager и Spreadsheet переехали на NodeJs

Теперь все серверные сэмплы работают с NodeJs, и у вас есть готовые примеры бэкэнда, которые можно использовать в приложениях после небольших изменений. Чтобы запустить примеры локально, не нужно настраивать базу данных, PHP или Apache сервер, локальный сервер для примеров запустится после этих команд:

npm install
npm start

Webix Jet 2.0

Сегодня большой день не только для Webix, но и для нашего микрофреймворка Webix Jet. Общий размер кода сократился на 5 KB, и Webix Jet стал еще лучше благодаря куче полезных и долгожданных обновлений.

Подробнее почитать можно на странице What’s New.

Новые фичи и улучшения

  1. Возможность показывать вью в новом окне.
  2. Возможность показывать окна так же, как другие вью, включая их в URL приложения.
  3. У сабвью в приложении могут быть их собственные URL-ы, что очень полезно для приложений со сложной архитектурой, когда у сабвью своя развитая структура и они работают независимо друг от друга.
  4. Беспроблемное включение приложений в другие приложения.
  5. Роутеры стали лучше работать, а UrlRouter получил те же настройки, что и HashRouter.

Webix Jet 2.0

Обновления плагинов

1. Плагин Menu

Вы можете настроить плагин Menu так, чтобы он не вызывал перестройку интерфейса, а менял указанный параметр в URL

2. Плагин User

Раньше неавторизованные пользователи могли открыть только одну страницу приложения — «login» с формой для авторизации. Теперь вы можете составить целый список страниц, на которые смогут попадать все пользователи.

Webix Jet 2.0

3. Плагин Locale

У плагина Locale несколько обновлений:

  • Дополнительная настройка для совместного применения Jet-локали и локали Webix.
  • Если у вас в приложениях очень много текста, который вы хотите переводить, можно разбить локализации на части и грузить их по необходимости.
  • Можно настраивать Polyglot.

Webix Jet без Webpack

При желании вы можете отказаться от Webpack и включать код Jet прямо на страницу. на npm есть две версии кода: ES6 и ES5, и вам нужно использовать вторую. Как только вы подключите es5/jet.js, вы сможете использовать Jet вот так:

class MyApp extends webix.jet.JetApp { ... }

Webix Jet с Webpack и импортом Webix как модуля

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

Поддержка старых IE

…в прошлом 🙂 Отныне Webix Jet поддерживает только IE11+, и Webix совсем скоро последует этому примеру.

Другие обновления Webix

В этот релиз включены другие полезные обновления и багфиксы, полный список которых вы можете прочесть на странице What’s new.

Что нас ждет

Станьте счастливыми пользователем Webix 6.2! Если у вас активна лицензия, вы сможете обновиться через npm или Кабинет клиента.

Скачайте Webix 6.2

И не забывайте о грядущем релизе Webix 7.0, с которым будет удалено устаревшее API и некоторые модули.