Возможно реализовать меню сложной структуры на YII2?

Question

[Иван Лыков]

Ребят, доброго времени суток, у меня вопрос имею меню...
Вот стандартный вид (html)

<div class="menu">
        <ul>
            <li><a href="/index.html" class="active"><img src="img/icon/Home.png" alt="Home"></a></li>
            <li class="box"><a href="element_pages.html">Елементы для сайта</a>
                <ul class="drop_menu">
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                </ul>
            </li>
            <li class="box"><a href="video_pages.html" >Обучающие видео</a>
                <ul class="drop_menu">
                    <div class="items_cat">
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                    </div>
                </ul>
            </li>
            <li><a href="##">О проекте</a></li>
            <li><a href="blog_page.htmls">Блог</a></li>
            <li class="box"><a href="tools.html">Инструментарий</a>
                <ul class="drop_menu">
                    <div class="items_cat">
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                        <li><a href="">Cat</a></li>
                    </div>
                </ul>
            </li>
            <li><a href="contact">Контакты</a></li>
            <li class="right_search">
                <a href="#" class="active search">
                    <img src="img/icon/search.png" alt="Home">
                </a>
            </li>
        </ul>
    </div>

Вопрос в другом. Как мне используя Widget Nav в yii2 , сделаю подобное. в у гугла спрашивал, но он мне так ничего толкового не выдал, только маниуал по том как работать с Nav widget. А вот что б его сделать под свои нужды, не...
Или мне нужно переписать код html...
п.с прошу... не кидайтесь помидорами, я лишь прошу помощи, и дельного совета. Если и тыкать носом, то по делу...

Answer 1

[Максим Федоров]

Чтобы сделать с выпадающим списком, нужно сделать примерно так:

['label' => 'Блог', 'url' => ['/blog/index']],

['label' => 'Обучающие видео', 'items' => [
    ['label' => 'Cat', 'url' => ['/cat/index'],  'active' => $this->context->id == 'cat'],
    ['label' => 'Cat', 'url' => ['/cat/index'],  'active' => $this->context->id == 'cat'],
    ['label' => 'Cat', 'url' => ['/cat/index'],  'active' => $this->context->id == 'cat'],
    ['label' => 'Cat', 'url' => ['/cat/index'],  'active' => $this->context->id == 'cat'],
]],

Comments

[Иван Лыков]

Хорошо, спасибо. Это примерно ясно. Но как мне вообще кастомизировать виджет под себя... Я так понимаю что нужно делать контроллер и расширять его на NavBar и уже в нем все манипуляции делать. Но проблема в другом, как?)

[Дмитрий]

Иван Лыков, что именно Вы хотите кастомизировать?

[Lumore]

Иван Лыков, копируете файл Nav.php куда-нибудь в common/widgets, меняете его код под свои нужды и во view файле подключаете уже use common/widgets/Nav