在ASP.NET MVC Html.ActionLink中包含锚标记

在ASP.NET MVC中，我试图创建一个包含锚标记的链接（即，将用户定向到页面以及页面的特定部分）。

我尝试创建的URL应该如下所示：

<a href="/category/subcategory/1#section12">Title for a section on the page</a>

我的路由设置为以下标准：

routes.MapRoute("Default", "{controller}/{action}/{categoryid}"); 

我正在使用的动作链接语法是：

<%foreach (Category parent in ViewData.Model) { %>
<h3><%=parent.Name %></h3>
<ul>
<%foreach (Category child in parent.SubCategories) { %>
    <li><%=Html.ActionLink<CategoryController>(x => x.Subcategory(parent.ID), child.Name) %></li>
<%} %>
</ul>
<%} %>

我的控制器方法如下：

public ActionResult Subcategory(int categoryID)
{
   //return itemList

   return View(itemList);
}

上面的代码正确地返回了一个URL，如下所示：

<a href="/category/subcategory/1">Title for a section on the page</a>

我不知道如何添加＃section12部分。“区段”一词只是我用来拆分页面区段的约定，而12是子类别的ID，即child.ID。

我怎样才能做到这一点？

我可能会手动构建链接，如下所示：

<a href="<%=Url.Action("Subcategory", "Category", new { categoryID = parent.ID }) %>#section12">link text</a>

有一些采用片段参数的ActionLink重载。将“ section12”作为片段传递将使您获得所要遵循的行为。

例如，调用LinkExtensions.ActionLink方法（HtmlHelper，字符串，字符串，字符串，字符串，字符串，字符串，对象，对象）：

<%= Html.ActionLink("Link Text", "Action", "Controller", null, null, "section12-the-anchor", new { categoryid = "blah"}, null) %>

我不记得在哪个版本的ASP.NET MVC（我相信是ASP.NET MVC 3 +）/ Razor中引入了parameterlabeldeclaration或任何它所谓的（参数：x）功能，但是对我来说，这绝对是正确的方法在ASP.NET MVC中使用锚点构建链接。

@Html.ActionLink("Some link text", "MyAction", "MyController", protocol: null, hostName: null, fragment: "MyAnchor", routeValues: null, htmlAttributes: null)

甚至这个答案中的 Ed Blackburns反模式论点都无法与之抗衡。

我只是这样做：

<a href="@Url.Action("Index","Home")#features">Features</a>

这是现实生活中的例子

@Html.Grid(Model).Columns(columns =>
    {
           columns.Add()
                   .Encoded(false)
                   .Sanitized(false)
                   .SetWidth(10)
                   .Titled(string.Empty)
                   .RenderValueAs(x => @Html.ActionLink("Edit", "UserDetails", "Membership", null, null, "discount", new { @id = @x.Id }, new { @target = "_blank" }));

  }).WithPaging(200).EmptyText("There Are No Items To Display")

并且目标页面具有TABS

<ul id="myTab" class="nav nav-tabs" role="tablist">

        <li class="active"><a href="#discount" role="tab" data-toggle="tab">Discount</a></li>
    </ul>

如果将ActionFilter应用于Subcategory动作方法，只要您始终希望将用户重定向到相同的书签，我的解决方案就会起作用：

http://spikehd.blogspot.com/2012/01/mvc3-redirect-action-to-html-bookmark.html

它修改HTML缓冲区并输出一小段javascript，以指示浏览器附加书签。

当然，您可以修改javascript以手动滚动，而不是在URL中使用书签！

希望能帮助到你 ：）

我做到了，它可以重定向到其他视图，我认为如果您在#sectionLink之后添加它将起作用

<a class="btn yellow" href="/users/Create/@Model.Id" target="_blank">
                                        Add As User
                                    </a>