Einfügen eines Ankertags in einen ASP.NET MVC Html.ActionLink

In ASP.NET MVC versuche ich, einen Link zu erstellen, der ein Ankertag enthält (dh den Benutzer zu einer Seite und einem bestimmten Abschnitt der Seite weiterleiten).

Die URL, die ich erstellen möchte, sollte wie folgt aussehen:

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

Mein Routing ist mit dem Standard eingerichtet:

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

Die von mir verwendete Aktionslink-Syntax lautet:

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

Meine Controller-Methode lautet wie folgt:

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

   return View(itemList);
}

Das obige gibt eine URL wie folgt korrekt zurück:

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

Ich kann nicht herausfinden, wie ich den Teil # section12 hinzufügen soll . Das Wort "Abschnitt" ist nur die Konvention, die ich zum Aufteilen der Seitenabschnitte verwende, und die 12 ist die ID der Unterkategorie, dh child.ID.

Wie kann ich das machen?

Ich würde den Link wahrscheinlich manuell erstellen, so:

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

Es gibt Überladungen von ActionLink, die einen Fragmentparameter annehmen . Wenn Sie "section12" als Fragment übergeben, erhalten Sie das Verhalten, nach dem Sie suchen.

Beispiel: Aufrufen der LinkExtensions.ActionLink-Methode (HtmlHelper, String, String, String, String, String, String, Objekt, Objekt) :

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

Ich erinnere mich nicht, in welcher Version von ASP.NET MVC (ASP.NET MVC 3+, glaube ich) / Razor die Parameterlabeldeklaration oder wie auch immer sie heißt (Parameter: x) eingeführt wurde, aber für mich ist dies definitiv der richtige Weg Erstellen Sie eine Verknüpfung mit einem Anker in ASP.NET MVC.

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

Nicht einmal Ed Blackburns Antipattern-Argument aus dieser Antwort kann damit konkurrieren.

Ich habe es einfach so gemacht:

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

Hier ist das Beispiel aus dem wirklichen Leben

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

Und die Zielseite hat 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>

Meine Lösung funktioniert, wenn Sie den ActionFilter auf die Aktionsmethode Unterkategorie anwenden, solange Sie den Benutzer immer auf dasselbe Lesezeichen umleiten möchten:

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

Es ändert den HTML-Puffer und gibt ein kleines Stück Javascript aus, um den Browser anzuweisen, das Lesezeichen anzuhängen.

Sie können das Javascript so ändern, dass es manuell gescrollt wird, anstatt natürlich ein Lesezeichen in der URL zu verwenden!

Ich hoffe es hilft :)

Ich habe das getan und es funktioniert für die Umleitung zu einer anderen Ansicht. Ich denke, wenn Sie den #sectionLink hinzufügen, nachdem es funktioniert

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