web-dev-qa-db-fra.com

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

Existe-t-il une différence entre HTML.ActionLink et Url.Action ou bien deux façons de faire la même chose?

Quand devrais-je préférer l'un à l'autre?

asp.net-mvcasp.net-mvc-3razor
276
Pankaj Upadhyay

Oui, il y a une différence. Html.ActionLink génère une balise <a href=".."></a> alors que Url.Action ne renvoie qu'une URL.

Par exemple:

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

génère:

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

et Url.Action("someaction", "somecontroller", new { id = "123" }) génère:

/somecontroller/someaction/123

Il existe également Html.Action qui exécute une action du contrôleur enfant.

466
Darin Dimitrov

Html.ActionLink génère automatiquement une balise <a href=".."></a>.

Url.Action ne génère qu'une URL.

Par exemple:

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

génère:

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

et

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

génère:

/controllerName/actionName/<id>

Le meilleur point positif que j'aime bien est d'utiliser Url.Action(...)

Vous créez vous-même une balise d'ancrage, où vous pouvez facilement définir votre propre texte lié, même avec une autre balise HTML.

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

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

   @Html.DisplayFor(model => model.<SomeModelField>)
</a>
39
Pranav Labhe
<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>
}

Dans l'exemple ci-dessus, vous pouvez voir que si j'ai spécifiquement besoin d'un bouton pour effectuer une action, je dois le faire avec @ Url.Action alors que si je veux juste un lien, je vais utiliser @ Html.ActionLink. Le fait est que vous devez utiliser un élément (HTML) avec l’action url utilisée.

12
Rohit Singh

@HTML.ActionLink génère un HTML anchor tag. Alors que @Url.Action génère un URL pour vous. Vous pouvez facilement le comprendre par;

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

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

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

Ces deux approches sont différentes et cela dépend totalement de vos besoins.

9
Arsman Ahmad

Vous pouvez facilement présenter Html.ActionLink sous forme de bouton en utilisant le style CSS approprié. Par exemple:

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

J'ai utilisé le code ci-dessous pour créer un bouton et cela a fonctionné pour moi.

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