Posting form to different MVC post action depending on the clicked submit button

Question

I am using ASP Net MVC 4  I have multiple buttons on a view   At present I am calling the same action method  and I am distinguishing the clicked button using a name attribute     using  Html BeginForm  Submit    SearchDisplay   new   id   Model    null   Guid NewGuid   ToString     Model SavedSearch    FormMethod Post          lt div class  leftSideDiv  gt           lt input type  submit  id  btnExport  class  exporttoexcelButton           name  Command  value  Export to Excel    gt       lt  div gt        lt div class  pageWrapperForSearchSubmit  gt           lt input type  submit  class  submitButton            value  Submit  id  btnSubmitChange    gt       lt  div gt        ACTION       HttpPost      public ActionResult Submit SearchCostPage searchModel  string Command                SessionHelper ProjectCase   searchModel ProjectCaseNumber           if  string Equals Command  Constants SearchPage ExportToExcel                               QUESTIONS   Is there a way to direct to different POST action methods on different button clicks  without custom routing   If there is no way without custom routing  how can we do it with custom routing    References    Jimmy Bogard  - Cleaning up POSTs in ASP NET MVC

User · Answer

you can use ajax calls to call different methods without a postback    ajax       type   POST        url     Url Action  Action    Controller           data   id   id   id1   id1          contentType   application json  charset utf-8        cache  false       async  true       success  function  result              do something

User · Answer

You can choose the url where the form must be posted  and thus  the invoked action  in different ways  depending on the browser support    for newer browsers that support HTML5  you can use formaction attribute of a submit button for older browsers that don t support this  you need to use some JavaScript that changes the form s action attribute  when the button is clicked  and before submitting   In this way you don t need to do anything special on the server side   Of course  you can use Url extensions methods in your Razor to specify the form action   For browsers supporting HMTL5  simply define your submit buttons like this    lt input type  submit  value       formaction   Url Action         gt    For older browsers I recommend using an unobtrusive script like this  include it in your  master layout       document  on  click     type  submit   data-form-action    function  event      var  this     this     var formAction    this attr  data-form-action       this closest  form   attr  action   formAction         NOTE  This script will handle the click for any element in the page that has type submit and data-form-action attributes  When this happens  it takes the value of data-form-action attribute and set the containing form s action to the value of this attribute  As it s a delegated event  it will work even for HTML loaded using AJAX  without taking extra steps   Then you simply have to add a data-form-action attribute with the desired action URL to your button  like this    lt input type  submit  data-form-action   Url Action       value        gt    Note that clicking the button changes the form s action  and  right after that  the browser posts the form to the desired action   As you can see  this requires no custom routing  you can use the standard Url extension methods  and you have nothing special to do in modern browsers

User · Answer

BEST ANSWER 1   ActionNameSelectorAttribute mentioned in   How do you handle multiple submit buttons in ASP NET MVC Framework  ASP Net MVC 4 Form with 2 submit buttons actions   http   weblogs asp net scottgu archive 2007 12 09 asp-net-mvc-framework-part-4-handling-form-edit-and-post-scenarios aspx  ANSWER 2  Reference  dotnet-tricks - Handling multiple submit buttons on the same form - MVC Razor  Second Approach  Adding a new Form for handling Cancel button click  Now  on Cancel button click we will post the second form and will redirect to the home page   Third Approach  Client Script   lt button name  ClientCancel  type  button       onclick   document location href       cancelUrl   attr  href     gt Cancel  Client Side   lt  button gt   lt a id  cancelUrl  href   Html AttributeEncode Url Action  Index    Home      style  display none   gt  lt  a gt

User · Answer

This sounds to me like what you have is one command with 2 outputs  I would opt for making the change in both client and server for this   At the client  use JS to build up the URL you want to post to  use JQuery for simplicity  i e    lt script type  text javascript  gt        function                this code detects a button click and sets an  option  attribute            in the form to be the  name  attribute of whichever button was clicked            form input type submit    click function                 var  form      form                form removeAttr  option                form attr  option     this  attr  name                            this code updates the URL before the form is submitted            form   submit function e                 var option     this  attr  option                if  option                    e preventDefault                    var currentUrl     this  attr  action                      this  attr  action   currentUrl         option  submit                                            lt  script gt       lt input type  submit        gt   lt input type  submit  name  excel        gt    Now at the server side we can add a new route to handle the excel request   routes MapRoute      name   ExcelExport       url   SearchDisplay Submit excel       defaults  new               controller    SearchDisplay           action    SubmitExcel             You can setup 2 distinct actions  public ActionResult SubmitExcel SearchCostPage model              public ActionResult Submit SearchCostPage model               Or you can use the ActionName attribute as an alias  public ActionResult Submit SearchCostPage model               ActionName  SubmitExcel    public ActionResult Submit SearchCostPage model

[asp.net-mvc] Posting form to different MVC post action depending on the clicked submit button

Examples related to asp.net-mvc

Examples related to asp.net-mvc-4