Возможности
Обзор
Вы можете использовать разные элементы в качестве пунктов Webix Menu: обычный текст, HTML код и другие виджеты Webix. Элементы выпадающего меню можно расположить вертикально или горизонтально. Webix API позволяет скрывать или блокировать элементы меню и прикреплять к ним разные обработчики событий. Сочетая этот виджет с Toolbar, вы сможете создавать функциональные панели меню, которые позволят пользователям удобно управлять приложением.
Menu и Toolbar
Виджеты Menu и Toolbar похожи по стилю и могут использоваться вместе для создания панелей меню в приложениях.
Вертикальные и горизонтальные меню
Пункты меню можно располагать как вертикально, так и горизонтально, что дает возможность использовать его в приложениях с разными типами интерфейса. По умолчанию, создается горизонтальное меню. Чтобы создать вертикальное меню, вам нужно добавить всего одно свойство в конфигурацию виджета.
Подменю
Подменю (Submenu) включает список пунктов, скрытых по умолчанию и появляющихся при наведении курсора на опции меню или по клику на них. Пункты подменю также могут содержать обычный текст, HTML код или указывать на инициализированное окно Webix.
Наведите курсор на пункт меню, чтобы развернуть его скрытые пункты.
Способы открыть скрытые пункты меню
По умолчанию, подпункты открываются при наведении курсора на соответствующую опцию меню. Вы также можете открывать подпункты меню по клику.
Наведите курсор на опции меню слева или кликните по опциям меню справа.
Автоматическое определение ширины подменю
Благодаря свойству autowidth, элементы подменю будут изменять ширину в зависимости от размеров текста в них.
Бейджи
Вы можете добавлять опциям меню бейджи - оранжевые круглые ярлыки с числами. Бейджи удобно использовать для сообщения пользователям о новой информации, например, о количестве новых сообщений.
Разделители
Вы можете добавлять разделители между пунктами меню с помощью виджетов Spacer или Separator. С помощью Spacer, вы сможете добавить пустое пространство между опциями меню. Separator добавит между ними горизонтальную полосу.
Ссылки
Вы можете добавлять пользовательские HTML ссылки в любую опцию меню или подменю.
Jump to one of the following destinations within this page.
Скрывайте или блокируйте опции меню
С помощью Webix API вы можете скрывать или блокировать определенные опции меню.
Webix Window как элемент меню
Любой элемент виджета Menu может включать предварительно инициализированные виджеты Webix Window, Popup, Submenu или Context.