Релиз Webix 3.1

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

Webix-release-3-1

 

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

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

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

TreeMap виджет

Webix-TreeMap

{ view:"treemap", data: some_data }

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

Компонент работает по аналогии с любым другим виджетом, так что вы можете использовать те же способы для загрузки и привязки данных, интеграции контекстного меню, встроенного редактирования и т.д.

Вы можете ознакомиться с нашими примерами или изучить детальную документацию.

TreeMap доступен только в версии Webix Pro.

Виджеты SideBar и SideMenu

Webix-SibeBar

var menu = webix.ui({ view:"sidemenu", position:"top", body:
some_ui});
menu.show();

Компонент SideMenu, который все так долго ждали, уже доступен как часть пользовательского интерфеса Webix. SideMenu это компонент-контейнер, который может быть использован для отображения дополнительного контента (дополнительной панели инструментов, панели информации или любого другого Webix интерфейса) в любой части экрана.

Sidemenu

{ view:"sidebar", data: menu_links }

Когда SideMenu недостаточно, то тут можно использовать SideBar. SideBar — это специализированный виджет, который может быть использован для создания навигационного меню. Он может быть отрисован как широкая панель меню или в виде узкого списка иконок. Это особенно полезно для приложений, которые должны отлично отображаться как на широком экране, так и на портативных устройствах.

SideBar и SideMenu доступны в версиях Pro и Standard. В то время как SideMenu входит в основную библиотеку, SideBar выпущен в качестве отдельного расширения и может быть загружен с GitHub под MIT лицензией.

Если вам нужна подробная информация, то можно посмотреть:

Автоматические размеры для Меню и Кнопок

Возможно это и выглядит как небольшое обновление, но если вы разрабатываете многоязычное приложение, то новая фича сможет все в корне поменять. Начиная с Webix 3.1, можно настроить кнопки и меню, так что они будут подгонять свой размер под текст. Больше не надо прописывать фиксированные размеры.

Для кнопок это будет выглядеть так:

{ view:"button", value:"Click me", autowidth:true }

и вот так для меню:

webix.ui({
view:"menu",
autowidth:true,
data: menu_links
});

Для лучшего понимания изучите документацию для Меню и Кнопок.

Как видите, у нас есть что вам показать и чем поделиться. Не забывайте делиться своим мнением в комментариях или вопросами на форуме.

Отличного дня и еще лучшего завершения недели!