How do I submit data from a partial view in MVC4?

Question

0.00/5 (No votes)

See more:

Hi All,
I have a contact us page which has two parts
1. descriptive part
2. contact form
I made the contact form part as partial view.
But my problem here is that the action result for submiting data is not geting trigered.
code in partial view controller

C#

public class ContactUsFormController : Controller
    {
        //
        // GET: /ContactUs/
        SM_WEB.Models.SMWebDefaultConnection objSMWebDefaultConnection = new SM_WEB.Models.SMWebDefaultConnection();
        public ActionResult _ContactUs()
        {
            ContactUsForm contactUs = new ContactUsForm();
            return View(contactUs);
        }
        [HttpPost]
        public ActionResult _ContactUs(ContactUsForm candidateContactUs)
        {
            SM_WEB.Models.SMWebDefaultConnection objSMWebDefaultConnection = new SMWebDefaultConnection();
objSMWebDefaultConnection.smConn.spUNCandidateContactUs(candidateContactUs.unCandidateFirstName, candidateContactUs.unCandMobilePhone, candidateContactUs.unCandLandLine,
                candidateContactUs.unCandEmail, candidateContactUs.countryID, candidateContactUs.stateID, candidateContactUs.provinceID,
                candidateContactUs.unCandEnquiry);
            objSMWebDefaultConnection.smConn.SaveChanges();
            candidateContactUs = new ContactUsForm();
            return View(candidateContactUs);
        }

In Partial View

C#

@model SM_WEB.Models.ContactUsForm
@using (Html.BeginForm())
{
    @Html.ValidationSummary(true);
    <fieldset style="margin: 20px">
        <legend>Contact Us</legend>
        <div class="editor-label">
            <label for="unCandidateFirstName">
                Name</label>
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.unCandidateFirstName)
            @Html.ValidationMessageFor(model => model.unCandidateFirstName)
        </div>
        <div class="editor-label">
            <label for="unCandMobilePhone">
                Mobile No</label>
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.unCandMobilePhone)
            @Html.ValidationMessageFor(model => model.unCandMobilePhone)
        </div>
        <div class="editor-label">
            <label for="unCandLandLine">
                Landline Number</label>
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.unCandLandLine)
            @Html.ValidationMessageFor(model => model.unCandLandLine)
        </div>
        <div class="editor-label">
            <label for="unCandEmail">
                Email</label>
        </div>
            <p>
            <input type="submit" value="Submit" />
        </p>
    </fieldset>
}

In Parent View

C#

@Html.Partial("~/Views/ContactUsForm/_ContactUs.cshtml",contact);

Any one help me please..

Posted 6-Nov-14 0:50am

Jineesh TR

Updated 2-Jan-18 3:08am

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Jameel VM · Answer 1 · 2014-11-06T01:54:00

Solution 1

Can you please try by specifying the action and controller explicitly in Html.BeginForm like below

C#

@using (Html.BeginForm("ActionName","ControllerName",FormMethod.Post)){


}

Hope this helps

Posted 6-Nov-14 1:54am

Jameel VM

Comments

Jineesh TR 7-Nov-14 0:08am

Hi Jameel. It is working fine. But another problem arises. the parent view is not displaying. ie only the partial view is displaying.

Jameel VM 7-Nov-14 0:20am

which is your parent view?

Jineesh TR 7-Nov-14 0:27am

This is download main page. where it dispalys some static images and texts. here I am calling my partial view.

@{
ViewBag.Title = "Download";
Layout = "~/Views/Shared/_Layout.cshtml";
SM_WEB.Models.DownloadForm download = new SM_WEB.Models.DownloadForm();
}
<div class="row">
<div class="col-lg-6">
@Html.Partial("~/Views/DownloadForm/_DownloadForm.cshtml", download);
</div>
</div>

Jameel VM 7-Nov-14 0:52am

what is the error showing?

Jineesh TR 7-Nov-14 1:00am

Only the partial view part is displaying in the browser window. ie the parent page and its contents are not displaying.

Jameel VM 7-Nov-14 1:14am

i think you are only creating the partial view not the main view. For checking right click the action result of the main view(not the partial view action result) and Go to view.

Jineesh TR 7-Nov-14 1:22am

Hi Jameel,
The partial view is loading initially when I open the download page. But when I Click submit, then, only partial view page is displaying.

Dhananjai 28-Dec-15 12:19pm

I have a same concern(Question posted), can anybody answer please?

Jameel VM 28-Dec-15 13:47pm

where is your question. Send me the link please

hborkhuis · Answer 2 · 2018-01-02T03:08:00

Html.BeginForm does not support PartialViews and will allways update the whole view with the content of the partial view.

Use Ajax.BeginForm to achieve update of the partial view. Pass new AjaxOptions {updateTargetId='_partial' along with the call to specify the placeholder for the partial view.

In your case:

Ajax.BeginForm("_ContactUs", "ContactUsForm", new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "contactUsPartial" })

<div id="contactUsPartial">
   @Html.Partial("~/Views/ContactUsForm/_ContactUs.cshtml",contact);
</div>