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, 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+라고 생각하는지) / Razor 매개 변수 레이블 선언 또는 그것이 무엇이든 (매개 변수 : 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 버퍼를 수정하고 브라우저에 책갈피를 추가하도록 지시하는 작은 자바 스크립트를 출력합니다.

URL에서 북마크를 사용하는 대신 자바 스크립트를 수동으로 스크롤하도록 수정할 수 있습니다.

그것이 도움이되기를 바랍니다 :)

나는 그것을하고 다른보기로 리디렉션하는 데 효과가 있다고 생각합니다. #sectionLink를 추가 한 후에 작동한다면

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