WEBIX BLOG

Мы рады сообщить о выпуске очередного релиза JavaScript библиотеки Webix. В версии 4.1 вас ждут новый виджет-датчик Gаge и удобный контрол RichText для редактирования текстов. Кроме того, виджет Chart обзавелся динамическим режимом и новым типом отображения данных — SplineArea Chart.
При подготовке Webix 4.1 разработчики учли растущую популярность интернета вещей, а также актуальную потребность в динамическом отображении данных. Теперь вы сможете создать интерфейс веб приложения, который сможет воспроизвести любую панель управления: от автомобиля до метеостанции.

27 сентября — важный день для всего сообщества Webix. Как мы и обещали ранее, сегодня стала доступна новая версия UI библиотеки под индексом 4.0. Так совпало, что индекс соответствует количеству основных нововведений главного релиза 2016 года.

Всем привет!

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

Webix Remote для PHP и NodeJS

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

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

Webix предлагает множество возможностей визуализации линейных данных c помощью различных видов чартов — bar, pie, area, scatter и radar. Но что делать с иерархическими данными? Первое, что может прийти в голову — это Webix Tree, поскольку он отлично отображает связи между родительскими и дочерними элементами. Но на этом возможности визуализации этого компонента заканчиваются.

Чтобы найти что-то более мощное, нам нужно заглянуть в пакет с PRO-виджетами. Здесь мы видим Organogram (диаграмму на основе Tree), а также TreeMap. Давайте рассмотрим второй виджет повнимательнее. Он умеет отображать иерархические данные в красивой и компактной форме.

Самый простой код инициализации довольно лаконичен:

Результат будет следующим:

Демо

Всем привет! Давайте сегодня рассмотрим, какие решения предлагает Webix, чтобы сделать навигацию в приложении действительно удобной. Могу поспорить, что мы найдем что-то действительно стоящее! С самых первых дней своего существования библиотека предоставляет пользователям стандартное Меню, которое позволяет размещать элементы горизонтально или вертикально (и это слишком просто). Недавно разработчики библиотеки пошли дальше и создали два симпатичных виджета — Sidebar и Sidemenu, которые призваны сделать навигацию удобной для пользователей.

Давайте разберемся в функциональности этих виджетов и рассмотрим сценарии использования, подходящие для каждого из них.

Чтобы инициализировать Sidebar, достаточно вот такого простого кода:

В результате, вы получите вот такой виджет:

Демо

Всем привет!

Кто-то ждет 1 мая, чтобы поехать на шашлыки, а кто-то с нетерпением ожидает новый релиз Webix 3.3. Не будем затягивать, поехали!

Поддержка drag-and-drop на тач-устройствах

Мы добавили одну из наиболее востребованных и долгожданных функций — полную поддержку drag-n-drop на сенсорных экранах. Теперь перетаскивание элемента на сенсорных устройствах активируется по длительному касанию.

Всем привет!

Новая неделя, новое начало. Количество наших клиентов и подписчиков неустанно растет, что, конечно, не может нас не радовать 🙂 Но больше клиентов — больше вопросов. Так родилась идея создания серии статей, посвященных определенной теме. Тема этой недели — Лицензии Webix.

Есть сразу несколько способов приобретения нашей лицензии:

1. вы можете скачать бесплатную пробную Pro версию, которая имеет расширенный функционал, идет под Лицензией разработчика и может быть использована в различных коммерческих проектах. Но использовать пробную Webix Pro версию вы можете всего 1 месяц;
2. можно скачать версию Standard, со стандартными функциональными возможностями, которая идет под открытым исходным кодом (GNU GPLv3). Если вы захотите использовать ее в коммерческих проектах, вам придется предоставить исходный код;
3. и, наконец, вы можете купить одну из наших существующих лицензий, получить письмо на почту, установить пакет, обрадоваться и начать кодить.

Всем привет!

Пока за окном пролетают последние зимние дни, мы с радостью представляем первый в этом году релиз — Webix 3.2.

И, разумеется, мы хотели бы начать с самой главной фишки нашего релиза — нового виджета.

Spreadsheet виджет

Многофункциональный SpreadSheet виджет является ключевым событием нашего февральского релиза. Он позволяет редактировать данные подобно таблицам Excel. Будучи полностью клиентским, виджет позволяет загружать данные в формате JSON, из любых баз данных и даже из документа Excel.

SpreadSheet позволяет не только форматировать текстовые значения в ячейках, но и задавать им размеры, объединять их, копировать и вставлять значения, а также производить расчёты с помощью математических функций Excel. При редактировании данных можно восстанавливать все изменения, которые вы сделали, и при необходимости применять их обратно.

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

Ниже представлен пример того, как может выглядеть Мега меню:

Демо готового Мега меню, а также его исходный код можно найти здесь.

В этой статье представлено пошаговое руководство по созданию Мега меню с помощью Webix.

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

Наша библиотека пополнилась двумя новыми виджетами — SideMenu и TreeMap. Добавим ко всему еще один новый компонент — Sidebar, который не входит в стандартный пакет, но который можно загрузить уже прямо сейчас.

Сегодня на повестке дня:

1. TreeMap;
2. Sidebar;
3. Sidemenu;
4. автоматические размеры для меню и кнопок.