引导INSPINIA可折叠导航条

Question

我正在使用INSPINIA主题作为一个网络平台。

在我的导航栏中有一个可折叠的菜单项。每个子项都重定向到不同的控制器。

​

​

如果我点击"Text1“，我想保持可折叠条目的扩展。但是，如果我单击，菜单会崩溃，因为它重定向到不同的控制器：

​

​

如果一个扩展菜单，我看到正确的结果(“数据”和"Text1“被选中)，但它最初是折叠的！

有什么想法吗？

        <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

我用这种方法解决了它：

每次调用"Details“或"Edit”操作时，下拉列表都会被扩展。因此，如果我查看详细站点并单击“编辑”按钮，菜单条目仍将被选中。它还可以通过将"action："DoAction"“替换为"controller：”Controller1“来区别下拉列表中的multipe控制器。”

这是因为我只使用此菜单中的详细信息和编辑操作。如果我要在另一个菜单下拉菜单中使用它们，我将不得不实现一个额外的测试。

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