在單個窗體中使用兩個提交按鈕

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