HTML5-Formularaktion mit Controller ActionResult-Methode in ASP.NET MVC verbinden 4

Question

Ich habe ein Basisformular, für das ich Schaltflächen innerhalb des Formulars behandeln möchten, durch Aufruf der ActionResult-Methode in der zugeordneten Klasse Controller der Ansicht. Hier ist die folgende HTML5 Code für das Formular:

<h2>Welcome</h2> 

<div> 

    <h3>Login</h3> 

    <form method="post" action= <!-- what goes here --> > 
     Username: <input type="text" name="username" /> <br /> 
     Password: <input type="text" name="password" /> <br /> 
     <input type="submit" value="Login"> 
     <input type="submit" value="Create Account"/> 
    </form> 

</div> 

<!-- more code ... --> 

Der entsprechende Controller Code ist der folgende:

[HttpPost] 
public ActionResult MyAction(string input, FormCollection collection) 
{ 
    switch (input) 
    { 
     case "Login": 
      // do some stuff... 
      break; 
     case "Create Account" 
      // do some other stuff... 
      break; 
    } 

    return View(); 
} 

Answer 1

Sie die Verwendung der HTML-Helfer machen und haben

@using(Html.BeginForm()) 
    { 
     Username: <input type="text" name="username" /> <br /> 
     Password: <input type="text" name="password" /> <br /> 
     <input type="submit" value="Login"> 
     <input type="submit" value="Create Account"/> 
    } 

oder Verwenden Sie den URL-Helfer

<form method="post" action="@Url.Action("MyAction", "MyController")" > 

Html.BeginForm hat mehrere (13) überschreibt, wo Sie weitere Informationen, zum Beispiel für einen normalen Gebrauch, wenn das Hochladen von Dateien angeben können verwendet:

@using(Html.BeginForm("myaction", "mycontroller", FormMethod.Post, new {enctype = "multipart/form-data"})) 
{ 
    <...> 
} 

---

Wenn Sie irgendwelche Argumente nicht angeben, die Html.BeginForm() werden Erstellen Sie ein POST Formular, das zeigt auf Ihren aktuellen Controller und aktuelle Aktion. Als Beispiel sagen wir, Sie haben einen Controller Posts und eine Aktion Delete genannt

public ActionResult Delete(int id) 
{ 
    var model = db.GetPostById(id); 
    return View(model); 
} 

[HttpPost] 
public ActionResult Delete(int id) 
{ 
    var model = db.GetPostById(id); 
    if(model != null) 
     db.DeletePost(id); 

    return RedirectToView("Index"); 
} 

und Ihre HTML-Seite würde wie sein etwas genannt:

<h2>Are you sure you want to delete?</h2> 
<p>The Post named <strong>@Model.Title</strong> will be deleted.</p> 

@using(Html.BeginForm()) 
{ 
    <input type="submit" class="btn btn-danger" value="Delete Post"/> 
    <text>or</text> 
    @Url.ActionLink("go to list", "Index") 
} 

Answer 2

Hier bin ich im Grunde eine Schaltfläche in eine Umhüllung Verknüpfung. Der Vorteil ist, dass Sie in derselben Form auf verschiedene Aktionsmethoden posten können.

<a href="Controller/ActionMethod"> 
    <input type="button" value="Click Me" /> 
</a> 

Hinzufügen von Parametern:

<a href="Controller/ActionMethod?userName=ted"> 
    <input type="button" value="Click Me" /> 
</a> 

Hinzufügen von Parametern aus einem nicht-aufgezählt Modell:

<a href="Controller/ActionMethod?userName=@Model.UserName"> 
    <input type="button" value="Click Me" /> 
</a> 

Sie können auch das gleiche für ein numerisches Modell tun. Sie müssten nur eine einzelne Entität referenzieren. Glückliche Kodierung!