如何解決yii2左側菜單子級無法高亮問題

這篇文章主要為大家展示了“如何解決yii2左側菜單子級無法高亮問題”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“如何解決yii2左側菜單子級無法高亮問題”這篇文章吧。

我們先來看看具體問題。
添加角色是屬于角色這個菜單的，如何在執(zhí)行添加角色這個操作時讓角色這個菜單處于選中狀態(tài)呢？
adminlte左側導航的Create，View等action不能定位到index的模塊（左側二級導航不能展開定位）
如果你是按照我們上文的教程來的，那接下來所要說明的問題應該不是問題，先來看看我們當時是怎么處理左側菜單menu的

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

看到這里，我們不妨打開文件dmstr\widgets\Menu看看這里是怎么實現(xiàn)左側菜單選中這一困擾眾多同學的問題。

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])) {
  
  //......


  //改寫了路由的規(guī)則，是否高亮判斷到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;
}

大功告成，現(xiàn)在我們左側的菜單引用的Menu文件修改其指向到backend\components\Menu

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

以上是“如何解決yii2左側菜單子級無法高亮問題”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業(yè)資訊頻道！