Демонстрация основных функций в виджете меню jQuery

Загрузка демо…

index.html

Также доступно для:

СПРАВКА по API

Компонент Menu является частью пользовательского интерфейса Kendo для jQuery, библиотеки пользовательского интерфейса профессионального уровня с более чем 110 компонентами для создания современных и многофункциональных приложений. Чтобы попробовать его, подпишитесь на бесплатную 30-дневную пробную версию.

Скачать бесплатную пробную версию

Описание

Пользовательский интерфейс Kendo для меню jQuery отображает иерархические данные в виде многоуровневого меню. Он предоставляет богатые стили для неупорядоченных списков элементов и может использоваться как для навигации, так и для выполнения команд JavaScript.

Элементы могут быть определены и инициализированы из HTML или с помощью параметров конфигурации.

В этой демонстрации вы можете увидеть меню, инициализированное из предопределенной разметки HTML.

Элемент управления меню Kendo UI для jQuery является частью Kendo UI для jQuery, всеобъемлющей библиотеки пользовательского интерфейса профессионального уровня для создания современных и многофункциональных приложений. Коллекция Kendo UI for jQuery содержит более 110 компонентов пользовательского интерфейса, множество гаджетов для визуализации данных, источник данных на стороне клиента и встроенную библиотеку MVVM (Model-View-ViewModel).

Этот пример меню является частью уникальной коллекции из сотен демонстраций jQuery, с помощью которых вы можете увидеть все компоненты пользовательского интерфейса Kendo для jQuery и их функции в действии. Просматривайте исходный код демонстраций из библиотеки или напрямую адаптируйте и редактируйте их и их внешний вид в пользовательском интерфейсе Kendo для jQuery Dojo или ThemeBuilder.

Функциональность и особенности

  • Привязка данных — позволяет привязать источник меню HierarchicalDataSource либо к локальным массивам данных, либо к удаленным данным.
  • Анимации — меню поддерживает различные анимации открытия и закрытия.
  • Взаимодействия с элементами. Меню позволяет различными способами взаимодействовать с элементами и манипулировать ими.
  • Внешний вид — меню позволяет установить различные параметры стиля и макета.
  • ContextMenu — позволяет отображать иерархические данные в виде многоуровневого меню во всплывающем окне.
  • Доступность — меню доступно для программ чтения с экрана, поддерживает атрибуты WAI-ARIA и предоставляет сочетания клавиш для более быстрой навигации.

Ресурсы поддержки и обучения

  • Меню Обзор документации
  • API меню
  • Меню Форумы
  • Пользовательский интерфейс Kendo для меню jQuery Домашняя страница продукта
  • База знаний

Дополнительные ресурсы

  • Пользовательский интерфейс кендо для блога jQuery
  • Пользовательский интерфейс кендо для видео jQuery
  • Пользовательский интерфейс кендо для дорожной карты jQuery
  • Пользовательский интерфейс Kendo для jQuery Цены
  • Интерфейс кендо для обучения jQuery

Виджет меню | Commerce Frontend Development

Изменить в GitHubLog проблему

Виджет меню — это настраиваемый виджет меню пользовательского интерфейса jQuery. Меню расширяет функциональные возможности по умолчанию следующим образом:

  • расширение всех слоев дерева меню за пределы второго слоя
  • объявление адаптивного меню
  • настройка задержки наведения

Источник виджета меню — lib/web/mage/menu.js.

Инициализировать

Сведения о том, как инициализировать виджет в компоненте JS или шаблоне .phtml , см. в разделе Инициализация JavaScript.

Параметры

Параметры виджета меню в основном совпадают с параметрами виджета меню пользовательского интерфейса jQuery с добавлением некоторых пользовательских параметров.

задержка

Установите продолжительность задержки открытия подменю.

Тип : Число

Значение по умолчанию : 300

showDelay

Установите продолжительность задержки отображения меню. Используется в для переключения метода виджета.

Тип : Число

Значение по умолчанию : 42

hideDelay

Установите продолжительность задержки закрытия меню. Используется в переключатель метод виджета.

Тип : Число

Значение по умолчанию : 300

отзывчивый

Настройка адаптивного обработчика по умолчанию для навигационного виджета.

Тип : логическое значение.

Значение по умолчанию : false

mediaBreakpoint

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

Тип : Строка.

Значение по умолчанию : (макс.

No related posts.