Html.ActionLink als eine Schaltfläche oder ein Bild, kein Link

Benutze ich gerne die Url.Aktion() und Url.Content ():

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

Streng genommen, die Url.Inhalt ist nur notwendig für die Wegfindung ist nicht wirklich ein Teil der Antwort auf Ihre Frage.

Dank @BrianLegg für den Hinweis, dass dieser nutzen sollte, die neue Razor-syntax anzeigen. Beispiel wurde entsprechend aktualisiert.

InformationsquelleAutor der Antwort jslatts

Nennen mich simpel, aber ich Tue gerade:

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

Und Sie kümmern sich um den hyperlink markieren. Unsere Nutzer lieben es 🙂

InformationsquelleAutor der Antwort agAus

wenn Sie nicht möchten, verwenden Sie eine Verknüpfung, verwenden Sie die Taste. Sie können hinzufügen, Bild-button:

<button type="button" onclick="location.href='@Url.Action("Create", "Company")'" >
   Create New
   <img alt="New" title="New" src="~/Images/Button/plus.png">
</button>

type="button" führt Ihre Aktion statt Absenden.

InformationsquelleAutor der Antwort Amir Chatrbahr

Eine späte Antwort, aber dies ist, wie ich meine ActionLink in eine Schaltfläche. Wir benutzen Bootstrap in unser Projekt, da es macht es bequem. Never mind the @T, da nur eine übersetzerin, die wir verwenden.

@Html.Actionlink("Some_button_text", "ActionMethod", "Controller", "Optional parameter", "html_code_you_want_to_apply_to_the_actionlink");

Den oben genannten gibt einem link wie diesem und es sieht aus wie das Bild unten:

localhost:XXXXX/Firms/AddAffiliation/F0500

Meiner Ansicht nach:

@using (Html.BeginForm())
{
<div class="section-header">
    <div class="title">
        @T("Admin.Users.Users")
    </div>
    <div class="addAffiliation">
        <p />
        @Html.ActionLink("" + @T("Admin.Users.AddAffiliation"), "AddAffiliation", "Firms", new { id = (string)@WorkContext.CurrentFirm.ExternalId }, new { @class="btn btn-primary" })
    </div>
</div>

}

Hoffe, das hilft jemandem

InformationsquelleAutor der Antwort Emperor 2052

<button onclick="location.href='@Url.Action("NewCustomer", "Customers")'">Checkout >></button>

InformationsquelleAutor der Antwort Jiri HWeb Horalek

Verwendung von bootstrap-dies ist der kürzeste und sauberste Ansatz erstellen Sie einen link zu einer controller-action, die wird als dynamischer button:

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

Oder verwenden Sie den Html-Helfer:

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

InformationsquelleAutor der Antwort Cameron Forward

können Sie erstellen Sie Ihre eigenen extension-Methode

schauen Sie auf meine Umsetzung

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);
    }
}

dann verwenden Sie es in Ihrem Blick, schauen Sie auf mein rufen

 @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
                    )

InformationsquelleAutor der Antwort Basheer AL-MOMANI

@using (Html.BeginForm("DeleteMember", "Member", new { id = Model.MemberID }))
    {
        <input type="submit" value="Delete Member" onclick = "return confirm('Are you sure you want to delete the member?');" />
    }

InformationsquelleAutor der Antwort user477864

verwenden FORMACTION

<input type="submit" value="Delete" formaction="@Url.Action("Delete", new { id = Model.Id })" />

InformationsquelleAutor der Antwort Serge

Die Art und Weise, ich habe getan, es ist actionLink und das Bild separat.
Setzen Sie den actionlink Bild als versteckte
und dann noch ein jQuery trigger nennen. Dies ist mehr ein workaround.

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

Trigger Beispiel:

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

InformationsquelleAutor der Antwort hatsrumandcode

Dies ist, wie ich es Tat, ohne scripting:

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

Gleiche, aber mit dem parameter und der Bestätigungs-dialog:

@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>
}

InformationsquelleAutor der Antwort Jevgenij Martynenko