dtbrd80422 2018-06-06 01:58
浏览 114

如果使用treeview,如何在菜单窗口中添加活动类

I am having trouble to adding class "menu-open" and "active" if I use a Multi-level menu.

I succeeded in adding active class in single menu.

Single Menu

<li class="nav-item">
      <a href="{{ route('listTemuan') }}" class="nav-link {{ Route::currentRouteNamed('listTemuan') ? 'active' : '' }}">
        <i class="fa fa-table nav-icon"></i>
        <p>
          List Temuan
        </p>
      </a>
    </li>

I don't understand how to make it in Multi-level menu.

This is for my Multi-level menu:

<li class="nav-item has-treeview"> //I want to add class menu-open in here
      <a href="#" class="nav-link"> //I want to add class active in here
        <i class="fa fa-gear nav-icon"></i>
        <p>
          Setting
          <i class="right fa fa-angle-left"></i>
        </p>
      </a>
      <ul class="nav nav-treeview">
        <li class="nav-item">
          <a href="{{ route('UserPekerja') }}" class="nav-link {{ Route::currentRouteNamed('UserPekerja') ? 'active' : '' }}">
            <i class="fa fa-circle-o nav-icon"></i>
            <p>User Pekerja</p>
          </a>
        </li>
      </ul>
    </li>
  • 写回答

1条回答 默认 最新

  • douyao2529 2018-06-06 02:02
    关注

    Use your route name to accomplish it like below code

    @if(\Request::route()->getName() == 'route name')
          class="nav-item has-treeview open"
    @else class="nav-item has-treeview"
    @endif 
    

    use same segment with appropriate checking

    @if(\Request::route()->getName() == 'expected route name')
                  class="nav-link active"
    @else class="nav-link"
    @endif 
    
    评论

报告相同问题?

悬赏问题

  • ¥15 有偿求跨组件数据流路径图
  • ¥15 写一个方法checkPerson,入参实体类Person,出参布尔值
  • ¥15 我想咨询一下路面纹理三维点云数据处理的一些问题,上传的坐标文件里是怎么对无序点进行编号的,以及xy坐标在处理的时候是进行整体模型分片处理的吗
  • ¥15 CSAPPattacklab
  • ¥15 一直显示正在等待HID—ISP
  • ¥15 Python turtle 画图
  • ¥15 关于大棚监测的pcb板设计
  • ¥15 stm32开发clion时遇到的编译问题
  • ¥15 lna设计 源简并电感型共源放大器
  • ¥15 如何用Labview在myRIO上做LCD显示?(语言-开发语言)