รวมถึงแท็กจุดยึดใน ASP.NET MVC Html.ActionLink

ใน ASP.NET MVC ฉันพยายามสร้างลิงค์ที่มีแท็กจุดยึด (กล่าวคือนำผู้ใช้ไปยังหน้าและส่วนเฉพาะของหน้า)

URL ที่ฉันพยายามสร้างควรมีลักษณะดังนี้:

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

My routing ถูกตั้งค่าด้วยมาตรฐาน:

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>

ฉันไม่สามารถคิดออกว่าจะเพิ่ม# มาตรา 12ส่วนหนึ่ง คำว่า "ส่วน" เป็นเพียงการประชุมที่ฉันใช้เพื่อแยกส่วนของหน้าและ 12 คือ ID ของหมวดหมู่ย่อยเช่น child.ID

ฉันจะทำสิ่งนี้ได้อย่างไร

ฉันอาจจะสร้างลิงค์ด้วยตนเองเช่นนี้

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

มี ActionLink เกินพิกัดซึ่งรับพารามิเตอร์ส่วน ผ่าน "section12" เนื่องจากชิ้นส่วนของคุณจะทำให้คุณได้รับพฤติกรรมตามที่คุณต้องการ

ตัวอย่างเช่นการเรียก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) %>

ฉันจำไม่ได้ว่า ASP.NET MVC รุ่นใด (ASP.NET MVC 3+ ที่ฉันเชื่อ) / ตัดทอนพารามิเตอร์labeldeclarationหรือสิ่งที่เรียกว่า (พารามิเตอร์: x) มีการแนะนำคุณสมบัติ แต่สำหรับฉันแล้วนี่เป็นวิธีที่เหมาะสมในการ สร้างลิงค์ด้วยจุดยึดใน ASP.NET MVC

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

ไม่ใช่แม้แต่ข้อโต้แย้งของเอ็ดแบล็กเบิร์นจากคำตอบนี้สามารถแข่งขันกับเรื่องนั้นได้

ฉันแค่ทำแบบนี้:

<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 กับวิธีการกระทำของประเภทย่อยตราบใดที่คุณต้องการเปลี่ยนเส้นทางผู้ใช้ไปยังบุ๊คมาร์คเดียวกัน:

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

มันปรับเปลี่ยนบัฟเฟอร์ HTML และส่งออกชิ้นส่วนเล็ก ๆ ของจาวาสคริปต์เพื่อแนะนำเบราว์เซอร์เพื่อผนวกบุ๊คมาร์ค

คุณสามารถปรับเปลี่ยนจาวาสคริปต์เพื่อเลื่อนด้วยตนเองแทนการใช้บุ๊กมาร์กใน URL แน่นอน!

หวังว่าจะช่วย :)

ฉันทำอย่างนั้นและทำงานเพื่อเปลี่ยนเส้นทางไปยังมุมมองอื่นฉันคิดว่าถ้าคุณเพิ่ม #sectionLink หลังจากนั้นจะใช้งานได้

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