MVC: what code gets called when you click the "submit" button?

Question

MVC newbie question; I'm learning by playing around rather than Reading The Manual... :)

I see when I create an "Edit" view that the auto-generated view includes a "submit" button:

<input type="submit" value="Save" />

But what code gets called behind the scenes to do this save? Specifically, the model underlying this view has its own fancy save logic in code that I would want to call. How do I get the view to invoke my code instead of whatever standard code is being called invisibly behind the scenes?

Answer 1

It's not the button that defines what happens, but the form itself. The button of type submit (one per form) just triggers the form submission, which is handled by the form itself.

A form has an action - e.g.:

<form name="input" action="users/save" method="post">
    <!-- Form content goes here -->
    <input type="submit" value="Submit" />
</form>

The action is an URL and what happens is that the browser collects the values of all the fields in the form (<input...>) and posts them to the specified url.

In ASP.NET MVC forms are usually defined using the Html helpers, so that building the URL for the form action is delegated to ASP.NET MVC. For the above for example:

<% using(Html.BeginForm("Save", "Users")) %>
<% { %>
    <!-- Form content goes here -->
    <input type="submit" value="Save" />
<% } %>

Which in this case will create a url /users/save and the form will post to that url. That in terms will trigger the ASP.NET routing which will handle the /users/save url and break it into chunks so that it knows that it has to invoke the "Save" action method on the "Users" controller class. It will then read all the incoming field name-value pairs and try to map them to the method parameter names if any.

Answer 2

It would call whatever public action method the form action is pointing to on your controller. You can then call save on the view model.

    public virtual ActionResult Save(MyViewModel model) {
        model.Save();            

        --- more code to do stuff here
    }

Set your form action to MyController/Save

You can also use using (Html.BeginForm... in your code to point the form to a specific action method on a specific controller.

Answer 3

when you click submit button, request goes to the HTTp Module which directs it to corresponding controller action. when edit view is created from template the post address of the form is same as of the edit form i.e if you are visiting /home/edit you can see following html in form's opening tag

<form method="post" action="/home/edit">

you can have another action method that only accepts post requests like

[HttpPost]
public ActionResult Edit(int id, ViewModel model)
{
      //put your logic here handling submitted values
}

HttpPost attribute tells that it will only handle post request as opposed to get requested used to render the form

Answer 4

it calls the Action method defined in the action part of the form element eg:

<form action="/Account/LogOn" id="loginForm" method="post"> 

The LogOn action in the Account controller will be invoked in this form

Answer 5

The ViewPage has a BeginForm Method using (Html.BeginForm() at the top which would render the FormTag. This method has a overload which takes ActionName and controller Name. So you can specify the action in your controller which has to be called.