WEBIX JAVASCRIPT LIBRARY BLOG

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 на сенсорных экранах. Теперь перетаскивание элемента на сенсорных устройствах активируется по длительному касанию.

Всем привет!

Сейчас самая середина весны, а значит пришло время обновлений. Всего через 5 дней выйдет релиз Webix 3.3.

Чего же стоит ожидать:

1. полная поддержка drag-and-drop на тач устройствах;
2. дополнительные типы лайаутов (ПРО версия);
3. Sparklines в DataTable (ПРО версия) — небольшие линейные графики, которые позволяют визуализировать данные в ячейках;                                 
4. обновленный внешний вид FileManager;
5. улучшенный редактор формул в Spreadsheet;
6. улучшенный экспорт в PDF и Excel;
7. и, разумеется, большое количество изменений и улучшений.