找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 1079|回复: 0
打印 上一主题 下一主题

解决yii2左侧菜单子级无法高亮问题的方法

[复制链接]

2560

主题

2560

帖子

7622

积分

论坛元老

Rank: 8Rank: 8

积分
7622
跳转到指定楼层
楼主
发表于 2018-2-14 05:36:33 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

            我们先来看看具体问题。
添加角色是属于角色这个菜单的,如何在执行添加角色这个操作时让角色这个菜单处于选中状态呢?
adminlte左侧导航的Create,View等action不能定位到index的模块(左侧二级导航不能展开定位)
如果你是按照我们上文的教程来的,那接下来所要说明的问题应该不是问题,先来看看我们当时是怎么处理左侧菜单menu的
use mdm\admin\components\MenuHelper;
['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),
]);
快去试试看我们的问题解决没有吧。
            
            
您可能感兴趣的文章:
  • PHP无限分类代码,支持数组格式化、直接输出菜单两种方式
  • winform树形菜单无限级分类实例
  • jquery仿京东导航/仿淘宝商城左侧分类导航下拉菜单效果
  • 仿当当网淘宝网等主流电子商务网站商品分类导航菜单
  • 原生JS实现仿淘宝网左侧商品分类菜单效果代码
  • iOS实现顶部标签式导航栏及下拉分类菜单
  • javascript仿京东导航左侧分类导航下拉菜单效果
  • jQuery模仿京东/天猫商品左侧分类导航菜单效果
  • Android PopupWindow实现右侧、左侧和底部弹出菜单
  • 最常见的左侧分类菜单栏jQuery实现代码
            
  • 分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    用户反馈
    客户端