HTML.ActionLink vs Url.Action в ASP.NET Razor

Чи є різниця між HTML.ActionLinkvs Url.Actionабо вони є лише двома способами зробити те саме?

Коли я повинен віддавати перевагу одному перед іншим?

Так, є різниця. Html.ActionLinkстворює <a href=".."></a>тег, тоді як Url.Actionповертає лише URL-адресу.

Наприклад:

@Html.ActionLink("link text", "someaction", "somecontroller", new { id = "123" }, null)

генерує:

<a href="/somecontroller/someaction/123">link text</a>

і Url.Action("someaction", "somecontroller", new { id = "123" })генерує:

/somecontroller/someaction/123

Є також Html.Action, який виконує дію контролера.

Html.ActionLink<a href=".."></a>автоматично генерує тег.

Url.Action генерує лише URL-адресу.

Наприклад:

@Html.ActionLink("link text", "actionName", "controllerName", new { id = "<id>" }, null)

генерує:

<a href="/controllerName/actionName/<id>">link text</a>

і

@Url.Action("actionName", "controllerName", new { id = "<id>" }) 

генерує:

/controllerName/actionName/<id>

Найкращий плюс, який мені подобається - це використання Url.Action(...)

Ви створюєте тег прив’язки самостійно, де ви можете легко встановити власний пов'язаний текст, навіть за допомогою іншого тегу html.

<a href="@Url.Action("actionName", "controllerName", new { id = "<id>" })">

   <img src="<ImageUrl>" style"width:<somewidth>;height:<someheight> />

   @Html.DisplayFor(model => model.<SomeModelField>)
</a>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
@using (Html.BeginForm("Index", "Company", FormMethod.Get))
{
    <p>
        Find by Name: @Html.TextBox("SearchString", ViewBag.CurrentFilter as string)
        <input type="submit" value="Search" />
        <input type="button" value="Clear" onclick="location.href='@Url.Action("Index","Company")'"/>
    </p>
}

У наведеному вище прикладі ви бачите, що якщо мені спеціально потрібна кнопка, щоб виконати якусь дію, я повинен це зробити за допомогою @ Url.Action, тоді як якщо я просто хочу посилання, я буду використовувати @ Html.ActionLink. Справа в тому, коли вам доведеться використовувати якийсь елемент (HTML) з URL-адресом дії.

@HTML.ActionLinkпороджує a HTML anchor tag. Поки @Url.Actionстворює URLдля вас. Ви можете легко зрозуміти це;

// 1. <a href="https://stackoverflow.com/ControllerName/ActionMethod">Item Definition</a>
@HTML.ActionLink("Item Definition", "ActionMethod", "ControllerName")

// 2. /ControllerName/ActionMethod
@Url.Action("ActionMethod", "ControllerName")

// 3. <a href="https://stackoverflow.com/ControllerName/ActionMethod">Item Definition</a>
<a href="@Url.Action("ActionMethod", "ControllerName")"> Item Definition</a>

Обидва ці підходи різні, і це повністю залежить від вашої потреби.

Ви можете легко представити Html.ActionLink як кнопку, використовуючи відповідний стиль CSS. Наприклад:

@Html.ActionLink("Save", "ActionMethod", "Controller", new { @class = "btn btn-primary" })

Я використовував код нижче, щоб створити кнопку, і він працював на мене.

<input type="button" value="PDF" onclick="location.href='@Url.Action("Export","tblOrder")'"/>