Bootstrap INSPINIA可摺疊導航欄

我正在爲Web平臺使用INSPINIA主題。Bootstrap 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/

來源

2016-10-07 sampa

我解決它以這樣的方式

下拉現已擴展到每次的「詳細信息」或「編輯」行爲被調用。因此，如果我查看詳細網站並單擊「編輯」按鈕，菜單條目仍處於選中狀態。通過用「controller：」Controller1「」替換「action：」DoAction「」，它同樣適用於下拉菜單中的multipe控制器。

這是有效的，因爲我只在這個菜單中使用Details和Edit Actions下拉菜單。如果我將在其他菜單中使用它們，我將不得不實施額外的測試。

<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>

來源

2016-10-12 16:12:01 sampa

Bootstrap INSPINIA可摺疊導航欄

回答

相關問題