кнопку MVC нажмите на действия

Question

Можно создать дубликат:
Mvc Html.ActionButton

С ASP.NET MVC 3 Я знаю, как создать ссылку на метод действия очень легко, но то, что я хотел бы знать, как сделать кнопку (при нажатии) вызвать конкретный метод действий?

Answer 1

Сэчин,

Если вы используете JQuery (который вы не упоминаете, но я покажу, как это довольно стандартная с MVC), вы могли бы сделать следующее:

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

Конечно, вы, вероятно, захотите использовать ajax, но это основной пример.

Answer 2

Как и ответ Дарина об использовании метода GET формы, вы также можете вызвать функции javascript, которые в свою очередь вызовут действие.

Вы можете перехватить событие нажатия кнопки при щелчке и запустить свой собственный код. Этот код можно назвать действия асинхронно с помощью Ajax или просто перейти к методу действия

Вот пример Javascript, что перехватывает событие нажатия кнопки

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

Или вы можете перехватывать кнопку, которая имеет HREF атрибут

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

Это добавляет информацию о параметрах, которые вы можете хранящиеся в другом входе на странице и добавляет его в URL-адрес, а затем переходит к действию

Answer 3

Как вы это делаете? Точно так же, как если бы вы не использовали MVC.

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

Answer 4

Вы можете использовать HTML <form>:

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