addchild 2015-06-03 21:58:08 18056次浏览 6条回复 6 0 0

yii2用Nav生成树形导航菜单时Items如下

$menuItems = [
    [
    'label' => 'Home',
    'url' => ['/site/index'] ,
    'items'=>[
        [
	'label'=>'Home1',
        'url'=>'/site/index'
	],
	[
	'label'=>'Home2',
	'url'=>'/site/index'
	]
    ]
    ]
];

默认情况下的效果是点击Home出现下拉菜单Home1和Home2,点击其他地方隐藏下拉菜单,我现在想换成鼠标经过Home时显示,离开后隐藏,也就是把现在的单击触发的js改成鼠标经过和离开触发,要怎么配置Nav::widget里面的参数

  • 回复于 2015-06-18 16:07 举报

    collapse
    不要要这个小部件,可以直接参考Bootstrap的这个组件。
    附代码,不过样式需要自己在调节一下。同时需要加载yii\helpers\Url空间。

    <div id="leftnav" class="col-md-3">
        <div class="list-group">
            <!-- 用户管理 -->
            <a class="list-group-item" data-toggle="collapse" href="#usercollapse" aria-expanded="false" aria-controls="collapseExample">用户管理<span class="caret"></span></a>
            <div class="collapse" id="usercollapse">
                <div class="well">
                    <div class="list-group">
                        <a href="<?= Url::toRoute(['user/index'])?>" class="list-group-item">用户列表(gii)</a>
                        <a href="<?= Url::toRoute(['user/manualuser'])?>" class="list-group-item">用户列表(manual)</a>
                    </div>
                </div>
            </div>
            <!-- 权限管理 -->
            <a class="list-group-item" data-toggle="collapse" href="#resourcecollapse" aria-expanded="false" aria-controls="collapseExample">资源管理<span class="caret"></span></a>
            <div class="collapse" id="resourcecollapse">
                <div class="well">
                    <div class="list-group">
                        <a href="<?= Url::toRoute(['user/index'])?>" class="list-group-item">用户列表(gii)</a>
                        <a href="<?= Url::toRoute(['user/index'])?>" class="list-group-item">用户列表(gii)</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
  • 回复于 2016-01-22 16:54 举报

    确实没必要用 nav widget, 我也在考虑楼上的做法

  • 回复于 2016-03-01 16:38 举报

    那点击后高亮这个怎么解决

  • 回复于 2016-09-24 11:43 举报

    zenm1怎么加载yii\helpers\Url空间

  • 回复于 2017-01-24 20:15 举报

    好东西!!!

  • 回复于 2019-12-27 16:27 举报

    请问如果我的菜单栏需要3级该怎么做

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