ASP.NET MVC - RenderAction - PartialView - BeginForm() - multiple forms

Question

So I have this ascx (partialView) control - ControlTemp

I have an ajax.BeginForm inside ControlTemp like this:

<% using (Ajax.BeginForm("ControlTemp",  new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "divControlTemp" })) {
        ....
        <input type = "submit"  />
        <%}%>

Inside my masterpage, I am using this partialView as

<div id = "divControlTemp">  <% Html.RenderAction("ControlTemp", "Home", null); %></div>

Now the problem is if I have a page that is using this master page and the page does a postback to post, this function is also being fired:

[ActionName("ControlTemp"), AcceptVerbs(HttpVerbs.Post)]
        public ActionResult ControlTemp(string URL)
        {
            ...
            return PartialView("ControlTemp");
        }

NOTE: Even if I use Html.BeginForm instead of Ajax.BeginForm, the above methods still ends up being triggered

The page that is using this masterpage:

<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>

<asp:Content ID="loginTitle" ContentPlaceHolderID="TitleContent" runat="server">
   Log On
</asp:Content>

<asp:Content ID="loginContent" ContentPlaceHolderID="MainContent" runat="server">
   <h2>Log On</h2>
<p>
    Please enter your username and password. <%= Html.ActionLink("Register", "Register") %> if you don't have an account.
</p>
<%= Html.ValidationSummary("Login was unsuccessful. Please correct the errors and try again.") %>

**<% using (Html.BeginForm("LogOn", "Account")) { %>**
    <div>
        <fieldset>
            <legend>Account Information</legend>
            <p>
                <label for="username">Username:</label>
                <%= Html.TextBox("username") %>
                <%= Html.ValidationMessage("username") %>
            </p>
            <p>
                <label for="password">Password:</label>
                <%= Html.Password("password") %>
                <%= Html.ValidationMessage("password") %>
            </p>
            <p>
                <%= Html.CheckBox("rememberMe") %> <label class="inline" for="rememberMe">Remember me?</label>
            </p>
            <p>
                <input type="submit" value="Log On" />
            </p>
        </fieldset>
    </div>
<% } %>

See the Html.BeginForm in above code... The LogOn ActionMethod is being fired, but it is firing ActionMethod of this another form as well!

Another person posted this problem, but s/he did not have a solution:

POST method called on MVC UserControls as well as their parent views

Note: There are no nested forms

score 2 · Answer 1 · answered Feb 06 '10 at 15:19

2

Why not use jQuery. Code for your button:

<input type="submit" id="submitButton"  />

jQuery code:

$(document).ready(function() {
    $('#submitButton').click(function() {
        $('#divControlTemp').load('Controller/Action/Parameters');
    });
});

answered Feb 06 '10 at 15:19

Martin

11,031
8
50
77

As far as code goes, this won't solve the problem. Regular postbacks will always POST all other internal RenderActions... – Robert Koritnik Feb 06 '10 at 22:26

score 1 · Accepted Answer · answered Feb 06 '10 at 22:28

The problem is that MVC replicates HTTP method from parent view for every RenderAction() call in it no matter whether its form has actually issued a postback or not.

You will have to create your own functionality the way that I did. I've rewritten this so I can call Html.RenderAction(HttpVerb.Get, ... ). This makes it possible to always render some action as GET, no matter whether containing page is a POST call. In your case this would solve the problem, because rendering the partial view (with ajax form) on your master should always be called as GET. You Ajax makes POSTs anyway.

Had the same problem as OP. Not sure I understood your example, but using your advice I changed the forms in the partials to GET and they stopped being triggered without affecting the rest of the functionality. Thanks. — Marcelo Mason, Mar 12 '12 at 05:44

score 1 · Answer 3 · answered Feb 19 '10 at 16:50

Post action should return same result for post an get by fallowing code:

[ActionName("ControlTemp"), AcceptVerbs(HttpVerbs.Post)] 
        public ActionResult ControlTemp(string URL) 
        { 
            if(this.ControllerContext.IsChildAction)
                 return  ControlTemp()//Get action method
            ... 
            return PartialView("ControlTemp"); 
        }

ASP.NET MVC - RenderAction - PartialView - BeginForm() - multiple forms

3 Answers3