Релиз Webix 3.4

Всем привет!

Признавайтесь, сколько покемонов вы словили за последние пару недель? 🙂 Да, у нас теперь их тоже целая коллекция, но в тоже время не меньше обновлений, которые мы подготовили для вас к новому релизу Webix 3.4. Поехали.

Webix 3.4 release

Webix Remote для PHP и NodeJS

Организовать общение между клиентом и сервером бывает достаточно сложно. В случае, если вы работаете с одним компонентом, проблем может и не возникнуть. Если же речь идет о достаточно большом приложении, возникает масса AJAX-запросов на клиенте, а объемный и запутанный серверный код выглядит не лучшим образом.

Чтобы упростить задачу, новая версия Webix 3.4 предлагает решение, которое позволяет вызывать серверный код прямо из JavaScript.

// на сервере
api.setMethod("add", (a, b) => a+b );
// на клиенте
var sum = webix.remote.add(2,2);

Теперь в вашем распоряжении есть готовые наборы инструментов для работы с NodeJs и PHP. Можно использовать их с компонентами Webix (связав загрузку и сохранение данных любого компонента с серверным методом) или с любым другим кодом. Теперь, чтобы получить информацию с сервера, вам больше не нужно отправлять AJAX-запросы. Просто обратитесь к нужному коду напрямую.

Webix Remote сам отправит необходимые запросы, обработает ошибки, а также защитит от XSS и CSRF атак.

И вместо того, чтобы раз за разом описывать взаимодействие с REST API, вы сможете посвятить свое время другим интересным задачам.

Закрепленные строки в DataTable

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

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

frozen raws

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

Шаблоны ввода данных для текстовых полей компонента Form

Следующим в команде новых возможностей в версии 3.4 отметилось мощное обновление контрола формы Text. Теперь это серьезный инструмент форматирования данных. Используя всего одно свойство pattern, вы можете задать маску, которая будет применяться к вводимым данным “на лету”.

formatted

Что включает в себя шаблон:

  • саму маску, которая вводится строкой вида ###-##-######
  • набор разрешенных символов для маски, который определяется регулярным выражением
  • простое правило валидации, которое генерируется автоматически, но может быть изменено при необходимости
webix.ui({
     view:"form", elements:[
           { view:"text", name:"phone", pattern:webix.patterns.phone },
           { view:"text", name:"custom", pattern:{ mask:"###-##-########", allow:/\w/g }}
    ]
});

Webix предоставляет три встроенных шаблона, которые входят в коллекцию webix.patterns. С их помощью вы можете задать шаблон для ввода номера телефона, номера кредитной карточки, а также даты. Вы легко можете расширить этот список, добавив кастомные шаблоны, подходящие для ваших целей.

Выбор месяца или года в календаре

Мы любим наш календарь, он классный и простой в использовании. Но тем не менее, мы не упускаем возможности его обновить или добавить новый функционал.

С выходом Webix 3.4 в нашем Календаре и виджете Datapicker появились новые режимы: “Month” и “Year”, которые позволяют отображать в календаре месяцы или годы, соответственно.

month picker

API для скрытия/отображения опций в Tabbar и Segmented

С новым релизом Tabbar и контрол формы Segmented обзавелись методами showOption и hideOption, которые позволяют скрывать и отображать заданные опции.

Tabbar

Новые типы sparklines для DataTable и TreeTable

В предыдущем релизе Webix версии 3.3 DataTable пополнил ряды своих темплейтов встроенными графиками — sparklines. К новому релизу мы подготовили четыре новых типа sparklines: «bar»,  «area»,  «pie» и «splice”. Теперь у вас есть еще больше возможностей для визуализации динамически изменяющихся данных в Datatable.

Sparklines “bar”

sparklines bar

Sparklines “area”

sparklines area

Sparklines “pie”

sparklines pie

Sparklines “splice”

sparklines splice

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

Делитесь этим постом с друзьями и будет вам +3.4 к карме! 😉

Оставайтесь с нами и наслаждайтесь веб-разработкой с Webix!