web-dev-qa-db-fra.com

comment générer Html.ActionLink avec une icône

Je commence à apprendre ASP.NET MVC et j'ai un problème, comment générer du code avec Html.ActionLink comme ça:

<a href="~/Views/Home/Create.cshtml" class="btn btn-primary">
    <i class="icon-pencil icon-white"></i>
    <span>
        <strong>Create</strong>
    </span>            
</a>

s'il vous plaît.

28
Yury Loginov

Html.ActionLink() ne prend en charge que les liens en texte brut.

Vous devez utiliser <a href="@Url.Action(...)"> pour les liens plus complexes.

54
SLaks

Je voulais ajouter à la réponse SLaks.

Utiliser <a href="@Url.Action(...)"> avec ce que voulait user2567619.

<a href="@Url.Action("Create", "Home")" class="btn btn-primary">
    <i class="icon-pencil icon-white"></i>
    <span>
        <strong>Create</strong>
    </span>            
</a>

Je pense qu'il vaut la peine de mentionner que @Url.Action peut prendre ses paramètres comme ceci:

@Url.Action(string actionName, string controllerName) 

Tandis que @Html.ActionLink peut prendre ses paramètres comme ceci:

@Html.ActionLink(string linkText, string actionName, string controllerName) 

C'est peut-être assez évident, mais je pensais que cela valait la peine d'être noté.

Modifier

Comme l'a noté Peck_concon, pour les deux @Url.Action et @Html.ActionLink, ce ne sont que l'une des dix méthodes de surcharge différentes.
Pour la documentation sur UrlHelper.Action, regardez ici .
Pour la documentation sur LinkEtensions.ActionLink, regardez ici .

33
Trevor Nestman

Si c'est dans la page Mise en page, vous pouvez l'utiliser, je pense que cela peut aider:

    <li>@Html.ActionLink(" Login", "Index", new { Controller = "Login", Area = "Security" }, new { @class = "glyphicon glyphicon-log-in" })</li>

ou comme ceci pour un lien d'action:

    <p>
    @Html.ActionLink(" Create New", "Add", "Event", FormMethod.Post, new { @class = "glyphicon glyphicon-plus" })</p>

J'espère que cela t'aides.

3
Jon A

Aussi simple que cela:

@Html.ActionLink("Title", "Action", null, new {@class="btn btn-info fa fa-pencil" })
2
Jorge
@Html.ActionLink("Edit","Edit","",new { @class= "btn btn-primary" })

Résultatenter image description here

2
sheeraz ali