ASP.NET MVC：标签 ASCX - 根据当前页面调整 CSS 类？答案

【问题标题】：ASP.NET MVC: Tabs ASCX - Adjust CSS class based on current page?ASP.NET MVC：标签 ASCX - 根据当前页面调整 CSS 类？
【发布时间】：2010-11-15 16:53:18
【问题描述】：

我有一个 ASP.NET MVC 应用程序，我正在尝试实现将导航到不同页面的选项卡。这些选项卡被实现为一个简单的 ASCX 用户控件，例如

<ul>
    <li><a href="xyz1.html">Number One</a></li>
    <li class="activePage"><a href="xyz2.html>Number Two</a></li>
    <li><a href="xyz1.html">Number Three</a></li>
</ul>

当前页面是通过“activePage”css 类设计的（在上面标签 #2 的演示代码中）。

什么是与 ASCX 通信的简单有效的方法，哪个选项卡应该获取 activePage 类，而不必为每个页面修改它？

非常感谢示例代码。

【问题讨论】：

标签： c# .net asp.net asp.net-mvc css

【解决方案1】：

诸如使用 jQuery 突出显示活动选项卡之类的解决方案是否适合您？

您可以选择包含等于当前页面的 href 属性的，并将类添加到父

。

这是我能想到的最简单的解决方案。

【讨论】：

你可以在服务器端做同样的事情...检查请求，在 ul 上 runat=server，并添加一个类到正确的 li

【解决方案2】：

看看这两个页面：

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

An easy way to set the active tab using controllers and a usercontrol in ASP.NET MVC?

【讨论】：

嗯.. 与看似简单的任务相比，这里提出的两种解决方案都庞大而乏味:(
这两个看起来都比较简单。你不喜欢硬编码吗？