Pulsante HTML che chiama un controller MVC e metodo di azione

So che non è giusto, ma per motivi di illustrazione mi piacerebbe fare qualcosa del genere:

<%= Html.Button("Action", "Controller") %>

Il mio obiettivo è creare un pulsante HTML che chiamerà il metodo di azione del mio controller MVC.

Non è necessario utilizzare un modulo a meno che non si desideri pubblicare un post nell'azione. Un pulsante di input (non inoltrare) farà il trucco.

  <input type="button"
         value="Go Somewhere Else"
         onclick="location.href='<%: Url.Action("Action", "Controller") %>'" />

La sintassi del rasoio è qui:

<input type="button" value="Create" onclick="location.href='@Url.Action("Create", "User")'" />

<button type="button" onclick="location.href='@Url.Action("MyAction", "MyController")'" />

type = "button" impedisce l'invio della pagina. invece esegue la tua azione.

Prova questo:

@Html.ActionLink("DisplayText", "Action", "Controller", route, attribute)

Questo dovrebbe funzionare per te.

Puoi usare Url.Action per specificare generare l'URL per un'azione del controller, in modo da poter utilizzare uno dei seguenti:

<form method="post" action="<%: Url.Action("About", "Home") %>">
   <input type="submit" value="Click me to go to /Home/About" />
</form>

o:

<form action="#">
  <input type="submit" onclick="parent.location='<%: Url.Action("About", "Home") %>';return false;" value="Click me to go to /Home/About" />
  <input type="submit" onclick="parent.location='<%: Url.Action("Register", "Account") %>';return false;" value="Click me to go to /Account/Register" />
</form>

Ecco come è possibile inviare il modulo a un controller specifico e al metodo di azione in Razor.

 <input type="submit" value="Upload" onclick="location.href='@Url.Action("ActionName", "ControllerName")'" />

Basandoti su un paio di risposte sopra, puoi farlo:

<button onclick="location.href='@Url.Action("ActionName", "ControllerName")'" />

L' <button>elemento HTML può solo postback nel modulo che lo contiene.

Pertanto, è necessario creare un modulo POST per l'azione, quindi inserire un <button>o <input type="submit" />nel modulo.

Nel caso in cui si verifichi un errore come "costante di stringa non terminata", utilizzare la sintassi del rasoio seguente:

<input type="button" onclick="@("location.href='"+ Url.Action("Index","Test")+ "'")" />

Nonostante il metodo onclick puoi anche usare la formulazione come segue:

<button type="submit" id="button1" name="button1" formaction='@Url.Action("Action", "Controller")'>Save</button>

è meglio usare questo esempio

<a href="@Url.Action("Register","Account", new {id=Item.id })"
class="btn btn-primary btn-lg">Register</a>

Quindi, sto usando Razor ma funzionerà con entrambi. Fondamentalmente sto avvolgendo un pulsante in un collegamento.

<a href="Controller/ActionMethod">
    <input type="button" value="Click Me" />
</a>

Quando si implementa l'azione nel controller, utilizzare

return View("Index");

o

return RedirectToAction("Index");

dove Index.cshtml (o la pagina che genera l'azione) è già definita. Altrimenti probabilmente stai riscontrando l'errore "la vista o il suo master non sono stati trovati ...".

Fonte: https://blogs.msdn.microsoft.com/aspnetue/2010/09/17/best-practices-for-asp-net-mvc/

Usa questo esempio:

<button name="nameButton" id="idButton" title="your title" class="btn btn-secondary" onclick="location.href='@Url.Action( "Index","Controller" new {  id = Item.id })';return false;">valueButton</button>

Se ti trovi nella home page ("/ Home / Indice") e desideri chiamare l'azione Indice del controller di amministrazione, seguire sarebbe adatto a te.

<li><a href="/Admin/Index">Admin</a></li>

è meglio usare questo esempio .

Chiama azione e controller usando un ActionLink:

@Html.ActionLink("Submit", "Action", "Controller", route, new { @class = "btn btn-block"})

OK, in pratica è necessario passare l'azione al pulsante e chiamarlo quando si verifica un clic, non è necessario trovarsi all'interno di un da, è possibile utilizzare HTML onclicksul pulsante per attivarlo quando si fa clic sul pulsante ...

<button id="my-button" onclick="location.href='@Url.Action("YourActionName", "YourControllerName")'">Submit</button>

Puoi sempre giocare con htmlHelpers e creare alcune cose

    public static IHtmlContent BtnWithAction(this IHtmlHelper htmlHelper, string id, string text, string css="", string action="", string controller="")
    {
        try
        {
            string str = $"<button id=\"{id}\" class=\"{css}\" type=\"button\" ###>{text}</button>";
            if (!string.IsNullOrEmpty(action) && !string.IsNullOrEmpty(controller))
            {                    
                string url = ((TagBuilder)htmlHelper.ActionLink("dummy", action, controller)).Attributes["href"];
                var click = !string.IsNullOrEmpty(url) ? $"onclick=\"location.href='{url}'\"" : string.Empty;
                return new HtmlString(str.Replace("###", click));
            }
            return new HtmlString(str.Replace("###", string.Empty));
        }
        catch (Exception ex)
        {
            Log.Error(ex, ex.Message);
            var fkup = "<script>alert(\"assumption is the mother of all failures\")</script>";
            return new HtmlString(fkup);
        }
    }

E poi sulla vista chiamalo così

@Html.BtnWithAction("btnCaretakerBack", "Back", "btn btn-primary float-right", "Index", "Caretakers")