Incluso un tag anchor in un ASP.NET MVC Html.ActionLink

In ASP.NET MVC, sto cercando di creare un collegamento che includa un tag di ancoraggio (vale a dire, indirizzare l'utente a una pagina e una sezione specifica della pagina).

L'URL che sto cercando di creare dovrebbe essere simile al seguente:

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

Il mio routing è impostato con lo standard:

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

La sintassi del link azione che sto usando è:

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

Il mio metodo controller è il seguente:

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

   return View(itemList);
}

Quanto sopra restituisce correttamente un URL come segue:

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

Non riesco a capire come aggiungere la parte # section12 . La parola "sezione" è solo la convenzione che sto usando per spezzare le sezioni di pagina, e il 12 è l'ID della sottocategoria, cioè child.ID.

Come posso fare questo?

Probabilmente costruirò il collegamento manualmente, in questo modo:

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

Esistono sovraccarichi di ActionLink che accettano un parametro di frammento . Passando "section12" come frammento otterrai il comportamento che stai cercando.

Ad esempio, chiamando il metodo LinkExtensions.ActionLink (HtmlHelper, String, String, String, String, String, String, Object, Object) :

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

Non ricordo in quale versione di ASP.NET MVC (credo ASP.NET MVC 3+) / Rasoio è stata introdotta la dichiarazione di parametri parametrici o qualunque sia la funzione chiamata (parametro: x), ma per me questo è sicuramente il modo corretto di creare un collegamento con un ancoraggio in ASP.NET MVC.

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

Nemmeno l'argomento antipattern di Ed Blackburn da questa risposta può competere con quello.

L'ho fatto così:

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

Ecco l'esempio della vita reale

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

E la pagina di destinazione ha TAB

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

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

La mia soluzione funzionerà se si applica ActionFilter al metodo di azione Sottocategoria, purché si desideri sempre reindirizzare l'utente allo stesso segnalibro:

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

Modifica il buffer HTML e genera un piccolo javascript per indicare al browser di aggiungere il segnalibro.

Ovviamente potresti modificare il javascript per scorrere manualmente, invece di usare un segnalibro nell'URL!

Spero che sia d'aiuto :)

L'ho fatto e funziona per il reindirizzamento ad un'altra vista Penso che se aggiungi il #sectionLink dopo che funzionerà

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