mit zwei Senden von Schaltflächen in Form eines einzigen Formulars

Question

Ich habe ein Formular mit zwei Schaltflächen senden in meiner asp.net mvc (C#) -Anwendung. Wenn ich auf eine Senden-Schaltfläche in Google Chrome klicke, ist der Wert der Übermittlungsschaltfläche standardmäßig der Wert der ersten Übermittlungsschaltfläche. Hier

ist die html:

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

Wenn ich Sie auf die Schaltfläche Save As Draft, in der Wirkung der Steuerung, es wird auf „Senden“ als Wert für SendEmail. Hier

ist die Aktion:

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

Wenn ich den Wert von Formcollection erhalten, zeigt es auf „Senden“. d. h. form["SendEmail"] gibt Send

Was kann das Problem oder die Arbeit um mich tun müssen, um den tatsächlichen Wert der angeklickt senden Schaltfläche zu erhalten?

Answer 1

Arbeit um: Verwenden Sie Javascript, um die Form submiting statt einreichen Tasten

Answer 2

dieses Versuchen Sie stattdessen:

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

und:

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

zeigen diese Seite.

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

erstellen ActionMethodSelectorAttribute Klasse erben.

Answer 4

Versteckte HTML-Elemente werden mit Ihrem Formular gesendet, so dass Sie ein verstecktes Element hinzufügen und es bei Klick auf die Schaltfläche vor dem Senden ändern können. Geben Sie true zurück, um mit der Formularübermittlung fortzufahren.

@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;" /> 

Jetzt können Sie einfach den Wert aus Ihrer Formularsammlung ziehen.

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

---

Anstatt die Formcollection direkt obwohl verwenden, wäre die beste Praxis ein Ansichtsmodell zu erstellen, die die angegebene Eigenschaft enthält.

Ansicht Modell

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;" /> 

Controller Aktion

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