.net - asp.net mvc 和 css : Having menu tab stay highlighted on selection

Question

有更好的方法吗？

我有一个 HTML 辅助扩展方法，它检查当前选项卡菜单是否是所选菜单，然后选择 .selected css 类。我将 html.IsSelected 链接放在每个 li 中作为

<li class="<%=Html.IsSelected(string a, string b)%>" >

其中 a 是选项卡名称，b 是分配的 ViewData。

这是干净的还是有更好的方法？

Answer 1

我在我的一个元素中使用了这种方法，并且效果很好。我在每个 Controller 中分配了 ViewData["Home"] = "activeTab"类，并在 View 中使用默认值空字符串，如下所示。如果采用该 viewData 字典的值，这将使选项卡处于事件状态。很简单也很干净。

您的家庭 Controller 将如下所示:

        ViewData["Home"] = "activeTab";

        return View("Index");
    }

View 将如下所示:

<li class="<%= ((string)ViewData["Home"] ?? "") %>"><%= Html.ActionLink("Home", "Index", "Home")%></li>
<li class="<%= ((string)ViewData["About"] ?? "") %>"><%= Html.ActionLink("About", "About", "Home")%></li>