Yii2 как сделать подсветку активного пункта меню?

Question

[Алексей]

Доброго времени суток коллеги.
Не давно начал изучать фреймворк Yii2, и все вроде бы ничего, но не могу его заставить корректно подсвечивать (делать активным элемент) меню.

Что мы имеем:
Две таблицы связь один ко многим.
Первая таблица с наименованием категорий (из нее делается менюшка)
Вторая статьи для каждой категории.

В Nav нужно указывать URL в виде контроллер/акшин (site/index) что в свою очередь появляется в адресной строке URL.

Мой массив для Nav::Widget();

Array
(
    [items] => Array
        (
            [0] => Array
                (
                    [label] => Главная
                    [url] => Array
                        (
                            [0] => /site/index
                        )

                    [linkOptions] => Array
                        (
                            [title] => Главная
                        )

                )

            [1] => Array
                (
                    [label] => Вело
                    [url] => Array
                        (
                            [0] => /bike
                        )

                    [linkOptions] => Array
                        (
                            [title] => Вело
                        )

                )
            [2] => Array
                (
                    [label] => Авто
                    [url] => Array
                        (
                            [0] => /cars
                        )

                    [linkOptions] => Array
                        (
                            [title] => Авто
                        )
                )
        )
);

Мне хочется чтобы ссылки категорий выглядели так:

site.ru/cars
site.ru/bike
site.ru/....

И все это дело обрабатывал скажем category/index

Как вы понимаете при таком подходе Nav не может отловить какой пункт меню ему подсвечивать. У кого есть опыт в данном вопросе посоветуйте, что делать?

Comments

[Дмитрий]

Как вы понимаете при таком подходе Nav

Доброе утро.
Как раз Nav прекрасно справляется с этой задачей.

[Алексей]

Дмитрий, Будьте добры пример или то, чтобы явно это указывало.

[Дмитрий]

kuliev_a, в документации всё есть.

[Дмитрий]

kuliev_a, возможно понадобится использовать slug

[Дмитрий]

kuliev_a, как Вы используете Nav?

[Алексей]

Дмитрий, к сожалению сейчас не за компом. Ближе к вечеру выложу всю схему.

Answer 1

[Виктор К]

Почему бы не сделать это непосредственно на странице, с помощью js. Решается крайне просто, вроде бы

Comments

[Алексей]

Думал об этом, но пока хотелось заставить сам Yii2 это сделать ). Если решение не найду придется на JS реализовывать.

[Виктор К]

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

[Максим]

kuliev_a, вариант ?

<?php $url = $_SERVER["REQUEST_URI"];?>
<ul>
<li><a href="/" <?php if ($url == "/") {echo 'class="active"';}?>>Главная</a></li>
<li><a href="/o-nas" <?php if ($url == "/o-nas") {echo 'class="active"';}?>>О нас</a></li>
<li><a href="/contacti" <?php if ($url == "/contacti") {echo 'class="active"';}?>>Контакты</a></li>
</ul>

[Дмитрий]

Максим Ленский, если не использовать yii2, то может быть и прокатит.

[Максим]

Дмитрий, я не спорю но с yii я не знаком

[Дмитрий]

Максим Ленский, так зачем советовать делать "велосипед"?

[Максим]

Дмитрий, я спросил просто - это не совет

[Дмитрий]

Максим Ленский, это не вариант, это самый обычный "костыль")))

[Максим]

Дмитрий, буду знать теперь - но рабочий костыль

[Дмитрий]

Максим Ленский, в yii2 предусмотрена подсветка активных пунктов меню при использовании виджетов, который выводят разные меню. Так, что Ваш вариант для yii2 это обычный костыль, даже можно назвать его ****кодом.

[Максим]

Дмитрий, спасибо я понял - php у меня даже не хобби а просто баловство - я больше по фронт энд - прошу прощения если закосячил

Answer 2

[Алексей]

В общем решил пока таким способом, посмотрим как он себя зарекомендует.

public function isActive($alias)
    {
        $url = $_SERVER["REQUEST_URI"];

        //Маршрут по default
        if($alias == 'site/index' and $url == '/')
            return true;
        
        //Короткие маршруты категорий
        if(strpos($url, $alias) !== false)
            return true;
        else
            return false;
    }

    //Шаблон для вывода меню в виде дерева
    private function tplMenu($item)
    {
        $items = [
            [
                'label' => $item['name'],
                'url'   => [$item['alias']],
                'linkOptions' => ['title' => $item['title']],
                'active'=> $this->isActive($item['alias']),
            ],
        ];
        if(isset($item['childs']))
        {
            $label = ['label' => $item['name'],];

            foreach ($item['childs'] as $key => $val)
                $items['items'][] = ['label' => $val['name'], 'url' => $val['alias'], 'linkOptions' => ['title' => $val['title']],];

            $items = array(array_merge($label, $items));
        }
        return  $items;
    }

Comments

[Алексей]

В общем данный код даёт нужный мне функционал, точнее то юзабилитн которое я хочу. Но он не универсален. Так как у меня одноуровневое меню я получаю нужный мне функционал. При этом работает активная ссылка при полном маршруте к конкретной статье (posts/cars/kak-skrutit-probeg) где posts это контроллер cars это алиас категории и kak-skrutit-probeg это алиас конкретной статьи в данном разделе. Сам маршруты в UrlManager

<?php
[
'posts/<alias:[\w-]+>' => 'posts/index',
'posts/<category:[\w-]+>/<alias:[\w-]+>' => 'posts/view'
]
?>