ASP.NET MVC two different buttons in form submit

Question

I have a single MVC form with two buttons, the page basically loads a record and the user has a approve or reject button

 <button id="btnAcceptAll" class="btn btn-lg btn-success">Accept</button>
 <button id="btnRejectAll" class="btn btn-lg btn-danger">Reject</button>

Id like to keep it as a single form because I have a lot of hidden value I use as well.

Basically in the Form Post I wanna be able to distinguish which button was pressed.

My Form Post at the moment..

[ActionName("Index")]
[HttpPost]
public ActionResult IndexPost(QcMatchViewModel model)
{
    //Save Record and Redirect
    return RedirectToAction("Index");
}

Check this post http://weblogs.asp.net/dfindley/asp-net-mvc-multiple-buttons-in-the-same-form. — Yevgeniy.Chernobrivets, Jun 25 '14 at 09:11
http://stackoverflow.com/questions/23898553/mvc4-multibuttons-in-form-not-working-jqm/23969511#23969511 — Amit, Jun 25 '14 at 09:21

score 4 · Accepted Answer · answered Jun 25 '14 at 09:26

You can add name attribute to both buttons with the same value and then add value attribute.

<button id="btnAcceptAll" name="button" value="accept" class="btn btn-lg btn-success">Accept</button>
<button id="btnRejectAll" name="button" value="reject" class="btn btn-lg btn-danger">Reject</button>

After that in your action method you need to add additional button parameter which will be filled with value attribute of button pressed.

[ActionName("Index")]
[HttpPost]
public ActionResult IndexPost(string button, QcMatchViewModel model)
{
    //Save Record and Redirect
    return RedirectToAction("Index");
}

Or you can put additional Button property to your view model.

Check this post for some additional features.

This is the simplest, clearest version of solving this issue that I've seen. — kpollock, Jun 25 '14 at 09:51

score 1 · Answer 2 · answered Jun 25 '14 at 09:40

Try This

on View :

<input type="submit" id="btnAcceptAll" name="btnAcceptAll" value"Accept" class="btn btn-lg btn-success"/ >
<input type="submit" id="btnRejectAll" name="btnRejectAll" value"Reject" class="btn btn-lg btn-success"/ >

On Controller:

[ActionName("Index")]
    [HttpPost]
    public ActionResult IndexPost(FormCollection form, QcMatchViewModel model)
    {
      if(form["btnAcceptAll"]!=null)
       {
        //Accept Button Code
       }
       if(form["btnRejectAll"]!=null)
       {
        //Reject Button Code
       }
        //Save Record and Redirect
        return RedirectToAction("Index");
    }

score 0 · Answer 3 · answered Jun 25 '14 at 09:14

There are 2 possible wayouts :

1> Set one property of that model to some value on either button click. i.e. let's say have a property named "accept" and on click of btnAcceptAll, set its value to true using javascript/jquery (Take accept as a hidden field) and on action method you can get that value.

2> Have 2 different action methods namely acceptChanges and RejectChanges and call them based on which button is clicked (Again using Jquery to set different form action on button click)

score 0 · Answer 4 · answered Jun 25 '14 at 09:14

0

On approach that is coming to my mind You can have a field in your model, whose value can be filled by a hidden field So you will be getting this value on post.

Now to fill value in this hidden field, you can intercept the button click event.

$(".btn").click(function(){
//fill hidden field value here
});

answered Jun 25 '14 at 09:14

Vinay Pratap Singh Bhadauria

9,829
3
28
49

he wants only one action method and he wants to identify which button is pressed I guess you are not justifying his question – Neel Jun 25 '14 at 09:16
@Neel i didn't suggested two have to action method, the property in model will just have the action performed. – Vinay Pratap Singh Bhadauria Jun 25 '14 at 09:17

ASP.NET MVC two different buttons in form submit

4 Answers4

Linked