简体   繁体   中英

How to use multiple submit buttons in ASP.NET MVC

I use this code in a view:

<button type="submit" name="SB1" value="submit1"><i class="fa fa-save"> Save</button>
<button type="submit" name="SB1" value="submit2"><i class="fa fa-update"> Update</button>

, and this code in a controller:

[HttpPost]
public ActionResult AddUser(string SB1) {
    switch(SB1) {
        case "submit1":
            // my code..
        case "submit2":
            // my code..
    }
}

However, SB1 string is null . also, I want use button not use input tag because I use string and fa icon in button value.

 [HttpPost] public ActionResult AddUser(string SB1) { switch(SB1) { case "submit1": // my code.. case "submit2": // my code.. } return View(); }
 <form method="post" action="@Url.Action('AddUser')"> <button type="submit" name="SB1" value="submit1"><i class="fa fa-save"> Save</button> <button type="submit" name="SB1" value="submit2"><i class="fa fa-update"> Update</button> </form>

By this way, You will get appropriate name of button being click.

make both a type button and on click, you can make ajax call :

<button type="button" name="SB1" onliclick=save()><i class="fa fa-save"> Save</button>
<button type="button" name="SB1" onliclick=update()><i class="fa fa-update"> Update</button>

<script>
    function save() {
        $.ajax({
            //call for first code
        });
    }
    function update() {
        $.ajax({
            //call for second code
        });
    }
</script>

or you can put on button click using jquery like in below URL: https://www.w3schools.com/jquery/ajax_ajax.asp

one another way you can check below link: https://www.c-sharpcorner.com/article/managing-multiple-submit-buttons-on-single-view-in-asp-net-mvc-5/

You can try this

<button type="button" onclick="location.href='@Url.Action("YourAction", "YourController")'"><i class="fa fa-save"></button>

YourAction: AddUser / UpdateUser

Doesn't a POST return either a model or a FormCollection ?

[HttpPost]
public ActionResult AddUser(FormCollection form) 
{
    string SB1 = form.Get("SB1");
    switch(SB1) {
        case "submit1":
            // my code..
        case "submit2":
            // my code..
    }
    return View();
}
<form method="post" action="@Url.Action('AddUser')">
  <button type="submit" name="SB1" value="submit1"><i class="fa fa-save"> Save</button>
  <button type="submit" name="SB1" value="submit2"><i class="fa fa-update"> Update</button>
</form>

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM