這篇文章主要為大家詳細(xì)介紹了解決yii2左側(cè)菜單子級(jí)無法高亮問題的方法,感興趣的朋友可以參考一下
我們先來看看具體問題。
添加角色是屬于角色這個(gè)菜單的,如何在執(zhí)行添加角色這個(gè)操作時(shí)讓角色這個(gè)菜單處于選中狀態(tài)呢?
adminlte左側(cè)導(dǎo)航的Create,View等action不能定位到index的模塊(左側(cè)二級(jí)導(dǎo)航不能展開定位)
如果你是按照我們上文的教程來的,那接下來所要說明的問題應(yīng)該不是問題,先來看看我們當(dāng)時(shí)是怎么處理左側(cè)菜單menu的
use mdm\admin\components\MenuHelper;
<?php
$callback = function($menu){
//鑒于篇幅有限,這里的代碼省略,源碼見于原文
};
//這里我們對(duì)一開始寫的菜單menu進(jìn)行了優(yōu)化
echo dmstr\widgets\Menu::widget( [
'options' => ['class' => 'sidebar-menu'],
'items' => MenuHelper::getAssignedMenu(Yii::$app->user->id, null, $callback),
] ); ?>
看到這里,我們不妨打開文件dmstr\widgets\Menu看看這里是怎么實(shí)現(xiàn)左側(cè)菜單選中這一困擾眾多同學(xué)的問題。
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;
}
看吧,看上面的代碼,也就是說左側(cè)菜單激活的情況是當(dāng)前路由完全等于菜單路由時(shí)菜單才進(jìn)行激活。
鑒于我們一開始談到的不少小伙伴疑惑的兩個(gè)問題,我們這里只需要稍稍調(diào)整下代碼,判斷控制到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)在我們左側(cè)的菜單引用的Menu文件修改其指向到backend\components\Menu
use backend\components\Menu;
echo Menu::widget([
'options' => ['class' => 'sidebar-menu'],
'items' => MenuHelper::getAssignedMenu(Yii::$app->user->id, null, $callback),
]);
快去試試看我們的問題解決沒有吧。