부트 스트랩 INSPINIA 접을 수있는 탐색 모음

Question

웹 플랫폼에 INSPINIA 테마를 사용하고 있습니다.

내 탐색 표시 줄에 축소 가능한 메뉴 항목이 있습니다. 각각의 하위 항목은 다른 컨트롤러로 리디렉션됩니다.

"텍스트 1"나는 확장 접을 수있는 항목을 유지하려면에 내가 클릭하면

. 내가 클릭하면, 그것은 다른 컨트롤러로 리디렉션 때문에 메뉴가 붕괴하십시오 다시 메뉴를 확장 할 경우

내가 ("데이터"와 "텍스트 1"이 선택된다) 정확한 결과를 볼 수 -하지만 그건 처음에는 무너졌다!

아이디어가 있습니까?

 <li> 
      <a href="#"><i class="fa fa-user"></i><span class="nav-label">Data</span><span class="fa arrow"></span></a> 
      <ul class="nav nav-second-level collapse"> 
       <li class="@Html.IsSelected(action: "DoAction", controller: "Controller1")" style="border-left:none !important"><a href="@Url.Action("DoAction", "Controller2")">Text1</a></li> 
       <li class="@Html.IsSelected(action: "DoAction", controller: "Controller2")" style="border-left:none !important"><a href="@Url.Action("DoAction", "Contorller2")">Text2</a></li> 
      </ul> 
     </li> 

편집 : 예제 프로젝트를 설정했습니다. http://inspinia-test.azurewebsites.net/

Answer 1

나는이 방법으로 그것을 해결 :

아래로 이제 매번 확장 드롭가 "세부 사항"또는 "수정"작업이

라고 이렇게하면 문제를 보여줍니다. 따라서 세부 사이트를보고 "편집"버튼을 클릭하면 메뉴 항목이 계속 선택됩니다. 또한 "action :"DoAction ""을 "controller :"Controller1 ""로 대체하여 드롭 다운의 멀티 컨트롤러간에 차이가 있습니다.

이 메뉴의 세부 정보 및 편집 작업 만 사용하기 때문에 작동합니다. 다른 메뉴 드롭 다운에서 사용할 경우 추가 테스트를 구현해야합니다.

<li class="@Html.IsSelected(action:"Details") @Html.IsSelected(action:"Edit")"> 
     <a href="#"><i class="fa fa-user"></i><span class="nav-label">Data</span><span class="fa arrow"></span></a> 
     <ul class="nav nav-second-level collapse"> 
     <li class="@Html.IsSelected(controller: "Controller1")" style="border-left:none !important"><a href="@Url.Action("Details", "Controller1")">Text1</a></li> 
     <li class="@Html.IsSelected(controller: "Controller2")" style="border-left:none !important"><a href="@Url.Action("Details", "Contorller2")">Text2</a></li> 
    </ul> 
</li>