Блог

Релиз 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
});

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

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

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

 

Автор
The following two tabs change content below.
Olga Vazhnik

Olga Vazhnik

Olga Vazhnik

Latest posts by Olga Vazhnik (see all)

Share on Google Plus Share on Twitter Share on Facebook Share on Stumbleupon Share on LinkedIn VK Vote on Reddit