Включення тега прив’язки до 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.

Як я можу це зробити?

Я б, мабуть, створив посилання вручну, як це:

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

Навіть антипатентний аргумент Еда Блекбернса з цієї відповіді не може конкурувати з цим.

Я просто зробив це так:

<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-буфер і видає невеликий фрагмент javascript, щоб доручити браузеру додавати закладку.

Ви можете змінити javascript для ручного прокручування, замість того, щоб використовувати закладку в URL, звичайно!

Сподіваюся, це допомагає :)

Я це зробив, і це працює для перенаправлення на інший погляд, я думаю, якщо ви додасте #sectionLink після того, як він буде працювати

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