在单个表单中使用两个提交按钮

时间:2010-03-11 06:32:25

标签: asp.net-mvc formcollection

我的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

我需要做些什么才能获得点击提交按钮的实际价值?

4 个答案:

答案 0 :(得分:7)

显示此页面。

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

创建ActionMethodSelectorAttribute继承类。

答案 1 :(得分:5)

请改为尝试:

<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
    }
}

答案 2 :(得分:1)

隐藏的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");
}

答案 3 :(得分:-2)

解决方法:使用javascript提交表单而不是提交按钮