CODEWITHSUNDEEP
asp.net-mvcasp.net-mvc-4
Hosea146
Hosea146

Reputation: 7702

MVC 4 - VIews / Partial Views and Forms - How to update just the partial view on a submit?

I have an MVC 4 View that contains a form and a partial view. The main view contains information about a product and the partial view contains images of the product.

What I would like to do is to have the partial view contain it's own form which the images would be displayed on. If I submit this form to a controller action method, modify the model it's based on and then have the action method refresh the partial view, will just the partial view section of my main view change and not the main view itself? If not, is there a better way to do what I'm trying to do. I just want to update the partial view section of the main view.

Upvotes: 2

Views: 14168

Answers (1)

Axel Prieto
Axel Prieto

Reputation: 595

If you want to update just the Partial View, you should retrieve the data using an AJAX call. That way you call a Controller that will return you the View (in this case Partial View) that you need. Example:

CSHTML:

<div id="myPartialViewDiv">
    @{Html.RenderPartial("myPartialView", Model);}
</div>

JS:

searchAdmin = function () {

    var URL = "myController/myAction";

    $.get(URL, { "optionalArg": optionalArg }, function (data) {
        $("#myPartialViewDiv").html(data);
    })
}

myController:

public JsonResult myAction(string optionalArg)
{
    // do something...

    return this.Json(whatIwantToReturn.ToList(), JsonRequestBehavior.AllowGet);
}

Upvotes: 7

Related Questions