Html.ActionLink qu'un bouton ou une image, pas un lien

Réponse tardive mais vous pouvez juste garder les choses simples et appliquer une classe CSS à l'htmlAttributes objet.

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

et ensuite créer 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 */
}

Emprunt de Patrick réponse, j'ai trouvé que j'avais pour ce faire:

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

afin d'éviter d'appeler le formulaire en méthode post.

Simplement :

<button onclick="@Url.Action("index", "Family", new {familyid = Model.FamilyID })">Cancel</button>

En utilisant bootstrap c'est le plus court et le plus propre approche pour créer un lien vers une action de contrôleur qui apparaît comme un bouton dynamique:

<a href='@Url.Action("Action", "Controller")' class="btn btn-primary">Click Me</a>

Ou à utiliser le Html helpers:

@Html.ActionLink("Click Me", "Action", "Controller", new { @class = "btn btn-primary" })

Vous ne pouvez pas faire cela avec Html.ActionLink. Vous devez utiliser Url.RouteUrl et d'utiliser l'URL pour construire l'élément que vous souhaitez.

Même plus tard la réponse, mais je viens de tomber sur un problème similaire, et a fini par écrire mon propre Lien de l'Image HtmlHelper extension.

Vous pouvez trouver une mise en œuvre de celui-ci sur mon blog dans le lien ci-dessus.

Ajouté juste au cas où quelqu'un est de la chasse à la mise en œuvre.

<li><a href="@Url.Action(  "View", "Controller" )"><i class='fa fa-user'></i><span>Users View</span></a></li>

Pour afficher une icône avec le lien

vous pouvez créer votre propre méthode d'extension

jeter un regard à ma mise en œuvre

public static class HtmlHelperExtensions
{
    public static MvcHtmlString ActionImage(this HtmlHelper html, string action, object routeValues, string imagePath, string alt, object htmlAttributesForAnchor, object htmlAttributesForImage)
    {
        var url = new UrlHelper(html.ViewContext.RequestContext);

        //build the <img> tag
        var imgBuilder = new TagBuilder("img");
        imgBuilder.MergeAttribute("src", url.Content(imagePath));
        imgBuilder.MergeAttribute("alt", alt);
        imgBuilder.MergeAttributes(new RouteValueDictionary(htmlAttributesForImage));
        string imgHtml = imgBuilder.ToString(TagRenderMode.SelfClosing);

        //build the <a> tag
        var anchorBuilder = new TagBuilder("a");
        anchorBuilder.MergeAttribute("href", action != null ? url.Action(action, routeValues) : "#");
        anchorBuilder.InnerHtml = imgHtml; //include the <img> tag inside
        anchorBuilder.MergeAttributes(new RouteValueDictionary(htmlAttributesForAnchor));

        string anchorHtml = anchorBuilder.ToString(TagRenderMode.Normal);
        return MvcHtmlString.Create(anchorHtml);
    }
}

ensuite l'utiliser dans votre vue de jeter un regard à mon appel

 @Html.ActionImage(null, null, "../../Content/img/Button-Delete-icon.png", Resource_en.Delete,
               new{//htmlAttributesForAnchor
                   href = "#",
                   data_toggle = "modal",
                   data_target = "#confirm-delete",
                   data_id = user.ID,
                   data_name = user.Name,
                   data_usertype = user.UserTypeID
               }, new{ style = "margin-top: 24px"}//htmlAttributesForImage
                    )

Il semble y avoir beaucoup de solutions sur la façon de créer un lien qui s'affiche comme une image, mais aucun ne faire apparaître un bouton.

Il est seulement bon moyen que j'ai trouvé pour ce faire. C'est un peu hacky, mais il fonctionne.

Ce que vous avez à faire est de créer un bouton et un lien d'action. Faire le lien d'action invisible à l'aide de css. Lorsque vous cliquez sur le bouton, il peut mettre le feu à l'événement click le lien d'action.

<input type="button" value="Search" onclick="Search()" />
 @Ajax.ActionLink("Search", "ActionName", null, new AjaxOptions {}, new { id = "SearchLink", style="display:none;" })

function Search(){
    $("#SearchLink").click();
 }

Il peut être une douleur dans le cul pour ce faire, chaque fois que vous ajoutez un lien qui doit ressembler à un bouton, mais il ne obtenir le résultat désiré.

Pour la Conception de Matériel Lite et MVC:

<a class="mdl-navigation__link" href='@Url.Action("MyAction", "MyController")'>Link Name</a>

La façon dont je l'ai fait c'est d'avoir le actionLink et l'image séparément.
Définir la actionlink image cachée
puis ajouté un jQuery déclencher l'appel. C'est plus une solution de contournement.

'<%= Html.ActionLink("Button Name", "Index", null, new { @class="yourclassname" }) %>'
<img id="yourImage" src="myImage.jpg" />

Exemple de déclencheur:

$("#yourImage").click(function () {
  $('.yourclassname').trigger('click');
});

C'est la façon dont je l'ai fait sans script:

@using (Html.BeginForm("Action", "Controller", FormMethod.Get))
{
    <button type="submit" 
            class="btn btn-default" 
            title="Action description">Button Label</button>
}

Même, mais avec le paramètre et la boîte de dialogue de confirmation:

@using (Html.BeginForm("Action", "Controller", 
        new { paramName = paramValue }, 
        FormMethod.Get, 
        new { onsubmit = "return confirm('Are you sure?');" }))
{
    <button type="submit" 
            class="btn btn-default" 
            title="Action description">Button Label</button>
}