yii2 左側菜單子級沒法高亮的問題

做者：白狼 出處：http://www.manks.top/question/20160508000001.html 本文版權歸做者，歡迎轉載，但未經做者贊成必須保留此段聲明，且在文章頁面明顯位置給出原文鏈接，不然保留追究法律責任的權利。

前面咱們寫的文章yii2 rbac權限控制之菜單menu詳細教程,很完美，也很實用，鑑於很多小夥伴諮詢的問題，這裏作一個統一的說明。咱們先來看看具體問題。

添加角色是屬於角色這個菜單的，如何在執行添加角色這個操做時讓角色這個菜單處於選中狀態呢？
adminlte左側導航的Create，View等action不能定位到index的模塊（左側二級導航不能展開定位）
若是你是按照咱們上文的教程來的，那接下來所要說明的問題應該不是問題，先來看看咱們當時是怎麼處理左側菜單menu的

use mdm\admin\components\MenuHelper; 
<?php $callback = function($menu){ 
    //鑑於篇幅有限，這裏的代碼省略，源碼見於原文}; 
//這裏咱們對一開始寫的菜單menu進行了優化echo dmstr\widgets\Menu::widget( [ 
    'options' => ['class' => 'sidebar-menu'], 
    'items' => MenuHelper::getAssignedMenu(Yii::$app->user->id, null, $callback), 
] ); ?>

看到這裏，咱們不妨打開文件dmstr\widgets\Menu看看這裏是怎麼實現左側菜單選中這一困擾衆多同窗的問題。

protected function isItemActive($item)
{
    if (isset($item['url']) && is_array($item['url']) && isset($item['url'][0])) {
        //......
        if ($arrayRoute[0] !== $arrayThisRoute[0]) {
            return false;
        }
        if (isset($arrayRoute[1]) && $arrayRoute[1] !== $arrayThisRoute[1]) {
            return false;
        }
        if (isset($arrayRoute[2]) && $arrayRoute[2] !== $arrayThisRoute[2]) {
            return false;
        }
        //......
        return true;
    }
    return false;
}

看吧，看上面的代碼，也就是說左側菜單激活的狀況是當前路由徹底等於菜單路由時菜單才進行激活。

鑑於咱們一開始談到的很多小夥伴疑惑的兩個問題，咱們這裏只須要稍稍調整下代碼，判斷控制到controller而非action便可，可是源碼文件咱們又不能修改，怎麼辦好呢？天熱，涼拌。

這裏咱們拷貝dmstr\widgets\Menu.php文件到backend\components\Menu.php，而後按照下面的方法修改isItemActive方法便可

protected function isItemActive($item)
{
    if (isset($item['url']) && is_array($item['url']) && isset($item['url'][0])) {
        
        //......


        //改寫了路由的規則，是否高亮判斷到controller而非action
        $routeCount = count($arrayRoute);
        if ($routeCount == 2) {
            if ($arrayRoute[0] !== $arrayThisRoute[0]) {
                return false;
            }
        } elseif ($routeCount == 3) {
            if ($arrayRoute[0] !== $arrayThisRoute[0]) {
                return false;
            }
            if (isset($arrayRoute[1]) && $arrayRoute[1] !== $arrayThisRoute[1]) {
                return false;
            }
        } else {
            return false;
        }


        // if ($arrayRoute[0] !== $arrayThisRoute[0]) {
        //     return false;
        // }
        // if (isset($arrayRoute[1]) && $arrayRoute[1] !== $arrayThisRoute[1]) {
        //     return false;
        // }
        // if (isset($arrayRoute[2]) && $arrayRoute[2] !== $arrayThisRoute[2]) {
        //     return false;
        // }
        
        //......
        
        return true;
    }
    return false;
}

大功告成，如今咱們左側的菜單引用的Menu文件修改其指向到backend\components\Menu

use backend\components\Menu;echo Menu::widget([    'options' => ['class' => 'sidebar-menu'],    'items' => MenuHelper::getAssignedMenu(Yii::$app->user->id, null, $callback),
]);

快去試試看咱們的問題解決沒有吧。

menuyii2