botón MVC clic a la acción

Question

Duplicar posible:
Mvc Html.ActionButton

Con ASP.NET MVC 3 sé cómo crear un enlace a un método de acción con mucha facilidad, pero lo que me gustaría saber es ¿cómo se hace un botón (cuando se hace clic) llamar a un método de acción particular?

Answer 1

Sachin,

Si estás usando jQuery (que usted no menciona, pero voy a mostrar, ya que es bastante estándar con MVC), que haría lo siguiente:

$('#buttonId').click(function(){ 
    document.location = '@Url.Action("MyAction","MyController")'; 
}); 

por supuesto, es probable que desee utilizar ajax, pero este es un ejemplo básico.

Answer 2

Además de la respuesta de Darin sobre el uso de un método GET de formulario, también puede llamar a funciones de JavaScript que a su vez invocarán una acción.

Puede interceptar el evento de clic de botón al hacer clic y ejecutar su propio código. Ese código puede llamar a una acción de forma asíncrona con Ajax o simplemente navegar a un método de acción

Aquí es ejemplo JavaScript que intercepta el evento de clic de botón

$(document).ready(function() { 

    myButton.onclick = function (event) { 
     // in here you can call an ajax method or just navigate to an action 
     return false; 
    } 

    // or using jQuery 
    $('#myButton').click(function (e) { 
     // do whatever here 
     e.preventDefault; 
    }); 
}); 

O puede interceptar un botón que tiene un atributo href

$(function() { 
    $("#myButton").click(function() { 
     var href = $(this).attr("href"); 
     var route = href + "?paramName=" + $('#SomeValue').val(); 
     $(this).attr("href", route); 
    }); 
}); 

Esto añade información de parámetros que puede haber almacenado en otra entrada en la página y lo añade a la URL y luego se desplaza a la acción

Answer 3

¿Cómo lo haces? De la misma manera que si no usa MVC.

<INPUT TYPE="BUTTON" VALUE="Home Page" ONCLICK="window.location.href='/Controller/Action'"> 

Answer 4

Se podría utilizar un html <form>:

@using (Html.BeginForm("SomeAction", "SomeController", FormMethod.Get)) 
{ 
    <input type="submit" value="Click me" /> 
}