Блог

Релиз 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!

Автор
The following two tabs change content below.
Olga Vazhnik

Olga Vazhnik

Olga Vazhnik

Latest posts by Olga Vazhnik (see all)

Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn VK Vote on Reddit