ブートストラップINSPINIA折りたたみ可能なナビゲーションバー

Question

私はWebプラットフォームに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>