在单个窗体中使用两个提交按钮

Question

我在asp.net mvc（C＃）应用程序中有两个提交按钮的窗体。当我单击Google Chrome中的任何提交按钮时，默认情况下，提交按钮的值是第一个提交按钮的值。

下面是HTML：

<input type="submit" value="Send" name="SendEmail" /> 
<input type="submit" value="Save As Draft" name="SendEmail" /> 
<input type="button" value="Cancel" /> 

当我点击Save As Draft按钮，在控制器的作用下，它被“发送”为SendEmail值。

这里是动作：

public ActionResult SendEmail(string SendEmail, FormCollection form) 
{ 
     if(SendEmail == "Send") 
     { 
      //Send Email 
     } 
     else 
     { 
      //Save as draft 
     } 
     return RedirectToAction("SendEmailSuccess"); 
} 

当我得到的FormCollection的价值，它显示了 “发送”。即form["SendEmail"]给出Send

什么可能是问题或解决办法我需要做的，以获得点击提交按钮的实际价值？

Answer 1

解决方法：使用JavaScript submiting的形式，而不是提交按钮

Answer 2

试试这个：

<input type="submit" value="Send" name="send" /> 
<input type="submit" value="Save As Draft" name="save" /> 

和：

public ActionResult SendEmail(string send, FormCollection form) 
{ 
    if (!string.IsNullOrEmpty(send)) 
    { 
     // the Send button has been clicked 
    } 
    else 
    { 
     // the Save As Draft button has been clicked 
    } 
} 

Answer 3

显示此页面。

ASP.NET MVC – Multiple buttons in the same form - David Findley's Blog

创建ActionMethodSelectorAttribute继承类。

Answer 4

隐藏的Html元素将与您的表单一起提交，因此您可以在提交之前添加隐藏的元素并在按钮上点击进行修改。返回true以继续表单提交。

@Html.Hidden("sendemail", true) 
<input type="submit" value="Send" 
     onclick="$('#sendemail').val(true); return true" /> 
<input type="submit" value="Save As Draft" 
     onclick="$('#sendemail').val(false); return true;" /> 

现在，您可以将值从表单集合中提取出来。

public ActionResult SendEmail(FormCollection form) 
{ 
    if(Boolean.Parse(form["sendemail"])) 
    { 
     //Send Email 
    } 
    else 
    { 
     //Save as draft 
    } 
    return RedirectToAction("SendEmailSuccess"); 
} 

---

不是使用的FormCollection直接虽然相反，最好的做法是创建一个包含指定属性的视图模型。

视图模型

public class FooViewModel 
{ 
    public bool SendEmail { get; set; } 
    // other stuff 
} 

HTML

// MVC sets a hidden input element's id attribute to the property name, 
// so it's easily selectable with javascript 
@Html.HiddenFor(m => m.SendEmail) 

// a boolean HTML input can be modified by setting its value to 
// 'true' or 'false' 
<input type="submit" value="Send" 
     onclick="$('#SendEmail').val(true); return true" /> 
<input type="submit" value="Save As Draft" 
     onclick="$('#SendEmail').val(false); return true;" /> 

控制器动作

public ActionResult SendEmail(FooViewModel model) 
{ 
    if(model.SendEmail) 
    { 
     //Send Email 
    } 
    else 
    { 
     //Save as draft 
    } 
    return RedirectToAction("SendEmailSuccess"); 
}