Всем привет!
Признавайтесь, сколько покемонов вы словили за последние пару недель? 🙂 Да, у нас теперь их тоже целая коллекция, но в тоже время не меньше обновлений, которые мы подготовили для вас к новому релизу Webix 3.4. Поехали.
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 к столбцам присоединились и строки. Теперь вы можете зафиксировать несколько нужных строк в верхней части виджета. Сортировка и фильтрация к закрепленным строкам применяться не будут.
Все остальные возможности DataTable (такие как навигация, выделение, редактирование, постраничная навигация и т.д.) будут корректно работать с закрепленными строками, без каких-либо ограничений. А чтобы в этом убедиться, посмотрите примеры и загляните в документацию.
Шаблоны ввода данных для текстовых полей компонента Form
Следующим в команде новых возможностей в версии 3.4 отметилось мощное обновление контрола формы Text. Теперь это серьезный инструмент форматирования данных. Используя всего одно свойство pattern, вы можете задать маску, которая будет применяться к вводимым данным “на лету”.
Что включает в себя шаблон:
- саму маску, которая вводится строкой вида ###-##-######
- набор разрешенных символов для маски, который определяется регулярным выражением
- простое правило валидации, которое генерируется автоматически, но может быть изменено при необходимости
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”, которые позволяют отображать в календаре месяцы или годы, соответственно.
API для скрытия/отображения опций в Tabbar и Segmented
С новым релизом Tabbar и контрол формы Segmented обзавелись методами showOption и hideOption, которые позволяют скрывать и отображать заданные опции.
Новые типы sparklines для DataTable и TreeTable
В предыдущем релизе Webix версии 3.3 DataTable пополнил ряды своих темплейтов встроенными графиками — sparklines. К новому релизу мы подготовили четыре новых типа sparklines: «bar», «area», «pie» и «splice”. Теперь у вас есть еще больше возможностей для визуализации динамически изменяющихся данных в Datatable.
Sparklines “bar”
Sparklines “area”
Sparklines “pie”
Sparklines “splice”
Разумеется, мы также уделили внимание всевозможным улучшениям. Если вы еще не работали с Webix, то просто скачайте нашу бесплатную триальную версию. От тех из вас, кто давно в теме, очень ждем комментариев со свежими идеями и предложениями.
Делитесь этим постом с друзьями и будет вам +3.4 к карме! 😉
Оставайтесь с нами и наслаждайтесь веб-разработкой с Webix!
