Html.ActionLink comme un bouton ou une image, pas un lien

Question

Dans la dernière version (RC1) d'ASP.NET MVC, comment obtenir Html.ActionLink pour afficher un bouton ou une image au lieu d'un lien?

Answer 1

J'aime utiliser Url.Action () et Url.Content () comme ceci:

 <a href='<%: Url.Action("MyAction", "MyController") %>'>
    <img src='<%: Url.Content("~/Content/Images/MyLinkImage.png") %>' />
</a>
 

Strictement parlant, l'Url.Content est seulement nécessaire pour le cheminement ne fait pas vraiment partie de la réponse à votre question.

Answer 2

Réponse tardive, mais vous pouvez simplement rester simple et appliquer une classe CSS à l'objet htmlAttributes.

 <%= Html.ActionLink("Button Name", "Index", null, new { @class="classname" }) %>
 

puis créez une classe dans votre feuille de style

 a.classname
{
    background: url(../Images/image.gif) no-repeat top left;
     display: block;
     width: 150px;
     height: 150px;
     text-indent: -9999px; /* hides the link text */
}
 

Answer 3

Empruntant à la réponse de Patrick, j'ai trouvé que je devais faire ceci:

 <button onclick="location.href='@Url.Action("Index", "Users")';return false;">Cancel</button>
 

pour éviter d'appeler la méthode de publication du formulaire.

Answer 4

Appelez-moi simpliste, mais je fais juste:

 <a href="<%: Url.Action("ActionName", "ControllerName") %>">
    <button>Button Text</button>
</a>
 

Et vous vous occupez du lien hypertexte. Nos utilisateurs l'adorent :)

Answer 5

Vous ne pouvez pas le faire avec Html.ActionLink . Vous devriez utiliser Url.RouteUrl et utiliser l'URL pour construire l'élément que vous voulez.