mvc3实现自定义动作链接

Question

我有 .net mvc3 网站。我必须实施顶级菜单。每个菜单标签都会导致他的动作并显示另一个视图。这就是我现在所拥有的：

<ul id="menu">
        <li>@Html.ActionLink("Home", "Index", "Home")</li>
        <li>@Html.ActionLink("Products", "Products", "Home")</li>
        <li>@Html.ActionLink("Pricing", "Pricing", "Home")</li>
        <li>@Html.ActionLink("Our Team", "OurTeam", "Home")</li>
        <li>@Html.ActionLink("Contact Us", "ContactUs", "Home")</li>
</ul><!-- /menu -->

这个视图在我的布局中是Html.RenderAction("Header", "Home");（因为它必须出现在所有页面中） 我需要实现自定义 ActionLink。锚文本必须是：

<span>text</span><b>text</b>

“文本”是 Home（例如第一个 li） 并且当前的 ActionLink 必须将 class :"Selected" 添加到锚点。

我该怎么做？请帮忙

附言 我可以为我的网站中的每个视图添加此菜单，并使用当前视图的“选定”类，但这不是一个好的解决方案。

Answer 1

如果我理解正确，您想将“选定”类放入当前显示操作。 您可以通过查看以下内容来检查视图：

HttpContext.Current.Request.RequestContext.RouteData.Values["controller"].ToString()
HttpContext.Current.Request.RequestContext.RouteData.Values["action"].ToString()

然后你把“选定”类放到你的actionlink中，就像上一个答案中显示的那样

<li>@Html.ActionLink("Home", "Index", "Home", null, new {@class = ":selected"})</li>

我个人将创建一个 ViewModel，其中包含一个“MenuAction”列表，除了路由值之外，它还公开了一个布尔属性“Selected”。从视图来看，Imo 对数据的处理会更加干净。

Answer 2

您可以使用此ActionLink 重载添加class：

<li>@Html.ActionLink("Home", "Index", "Home", null, new {@class = ":selected"})</li>

第5个参数是HTML属性。

MSDN此重载的ActionLink

---

更新：

$(function(){
    var controllerName ='ViewContext.RouteData.Values["Controller"]';
    $('#' +controllerName).addClass(':selected');
});