Incluyendo una etiqueta de anclaje en ASP.NET MVC Html.ActionLink

Question

En ASP.NET MVC, intento crear un enlace que incluya una etiqueta de anclaje (es decir, dirigir al usuario a una página y una sección específica de la página).

La URL que estoy tratando de crear debe ser similar al siguiente:

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

Mi enrutamiento está configurado con la norma:

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

La sintaxis de enlace de acción que estoy usando es:

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

Mi método controlador es el siguiente:

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

    return View(itemList); 
} 

El anterior devuelve correctamente una dirección URL de la siguiente manera:

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

no puedo encontrar la manera de añadir los # SECCIÓN 12 parte. La palabra "sección" es solo la convención que estoy usando para dividir las secciones de la página, y la 12 es la ID de la subcategoría, es decir, child.ID.

¿Cómo puedo hacer esto?

Answer 1

que probablemente construir el enlace de forma manual, como esto:

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

Answer 2

Hay sobrecargas de ActionLink que tienen un parámetro fragmento. Pasar "section12" como fragmento te dará el comportamiento que buscas.

Por ejemplo, llamar LinkExtensions.ActionLink Method (HtmlHelper, String, String, String, String, String, String, Object, Object):

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

Answer 3

Mi solución funcionará si se aplica el ActionFilter al método de acción Subcategoría, siempre que uno siempre quiere redirigir al usuario a la misma marcador:

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

Modifica el búfer HTML y genera una pequeña porción de javascript para indicar al navegador que agregue el marcador.

Puede modificar el javascript para desplazarse manualmente, ¡en lugar de utilizar un marcador en la URL, por supuesto!

espero que ayude :)

Answer 4

no recuerdo en qué versión de ASP.NET MVC (ASP.NET MVC 3+ creo)/Razor el parameterlabeldeclaration o como se llame (parámetro: x) función fue presentado, pero para mí esta es definitivamente la forma correcta de construir un enlace con un ancla en ASP.NET MVC.

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

Ni siquiera Ed Blackburns argumento anti patrón de this answer puede competir con eso.

Answer 5

Aquí está el ejemplo de la vida real

@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") 

Y la página de destino tiene 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> 

Answer 6

lo hice y funciona para redirigir a otra vista Creo que si se agrega el #sectionLink después de que se trabajará

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

Answer 7

sólo lo hice así:

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