ДОСТУПНА НОВАЯ ВЕРСИЯ! Webix 11 Подробнее Обновления в Core, SpreadSheet, File Manager и Report Manager и многое другое

WEBIX BLOG

Обзор нововведений в Webix 4.2 с Vue.js

dw2<br/ >Релиз 4.2 уже доступен для скачивания на нашем сайте и, впервые, для установки через пакетный менеджер npm обеих версий библиотеки: Standard и PRO. Давайте взглянем на то что появилось в новой версии библиотеки.

Новый Webix 4.2 работает с Vue.js фреймворком

image00

Мы рады анонсировать релиз новой версии библиотеки UI компонентов, который будет включать 4 значимых нововведения:

  • интеграция с Vue.js;
  • обновленный Spreadsheet;
  • Web Worker в Pivot;
  • поддержка npm для библиотеки и комплексных виджетов.

Также в релиз войдет множество мелких улучшений.

Новогоднее предложение на Пакеты для Разработчика, Команды и Организации

Уходящий 2016 год принес всем нам множество приятных новостей: 5 релизов библиотеки, обновленный Spreadsheet, соответствие стандартам ARIA — и это далеко не все. Мы приготовили еще одну приятную новость!

До 6 января 2017 введите купон Webix2016 и получите скидку в 17% на Пакет для Разработчика, Команды или Организации.

В Новый год вместе с новой UI библиотекой!

Скидка не суммируется с другими акциями и специальными предложениями.

Релиз Webix 4.1: новый виджет-датчик и функционал для интернета вещей

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

Встречайте Webix 4.0: 4 главных новшества релиза

Webix 4.0 релиз

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

Релиз Webix 3.4

Всем привет!

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

Webix 3.4 release

Webix Remote для PHP и NodeJS

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

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

TreeMap — вся мощь визуализации в одном виджете

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

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

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

webix.ui({
     view:"treemap", value:”#value#”,  
     template: function(item){  return item.label||""; },
     data:data
});

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

TreeMap_Basic

 

Демо

В инстаграмме жизни нет, Organogram — вот наш ответ!

Я помню как во время учебы в школе мне довелось провести несколько долгих вечеров за составлением семейного дерева. Тогда я впервые в жизни столкнулась с неизбежными последствиями плохо спланированной работы: место на листе неожиданно закончилось и мне пришлось перерисовывать всю схему с самого начала. Это был полный провал!

Organogram

 

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

Sidebar vs. Sidemenu. Выбери свой способ навигации

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

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

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

webix.ui({
view: "sidebar",
data: [
{id: "dashboard", icon: "dashboard", value: "Dashboards", data:[
{ id: "dashboard1", value: "Dashboard 1"},
{ id: "dashboard2", value: "Dashboard 2"}
]},
...
]
});

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

sidebar

 

Демо

Релиз Webix 3.3

Всем привет!

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

Webix 3.3 release

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

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

1 11 12 13 14 15 21