Управление меню в Yii2. Часть 2

Управление меню в Yii2

От автора: приветствую вас, друзья. Мы продолжаем цикл статей, посвященных знакомству с фреймворком Yii2. В этой статье мы с вами рассмотрим работу с виджетом Menu фреймворка Yii2. Данный виджет позволяет создавать и управлять меню в Yii2.

Итак, мы продолжаем работу с виджетом Menu и его опциями, которые позволяют настраивать меню. В предыдущей статье мы остановились на том, что можем изменять класс активного пункта меню и назначать дополнительные классы первому и последнему пункту. А что насчет атрибутов для всего меню в целом? Это также не проблема. Если мы захотим добавить атрибуты для меню, тогда можно обратиться к свойству options.

Давайте попробуем установить для меню несколько атрибутов:

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Узнать подробнее

Если теперь посмотреть исходный код элемента, то мы увидим назначенные значения menu для атрибутов id, class и data-id контейнера ul.

Управление меню в Yii2

Как видим, все очень просто. А что если нам нужно многоуровневое меню? И для этой задачи можно использовать данный виджет. Здесь достаточно просто вложить в конкретный элемент label еще один элемент items с аналогичной структурой. Попробуем добавить новый пункт Услуги и вложить в него несколько тестовых пунктов меню:

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

Управление меню в Yii2

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

Хотите узнать, что необходимо для создания сайта?

Посмотрите видео и узнайте пошаговый план по созданию сайта с нуля!

Смотреть видео

Метки:

Похожие статьи:

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (1)

  1. Вячеслав

    Как в активном пункте ссылку заменить спаном

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

Я не робот.

Spam Protection by WP-SpamFree