Multiple Renderactions in View MVC3

I have multiple renderactions in a MVC3 view.

I'd like to get a partial View and then the results as the parialviews get in.

(like some placeholders on the page and then the page gets filed up with the renderaction results as the partialviews poor in).

I now have several Html.RenderAction("Action", "controller"); in with different actions on the Main view returning some partial views to be rendered. How do I get them async in return instead of waiting with the render until the last one 开发者_开发问答pops in?

Do I need some ajax or is this done using the AsyncController?

I always prefere to use jQuery ajax. You can simply return PartialView as a ajax action result and then in the jQuery (on the browser side) replace content of specipic part of you page with just returned PartialView.

Quick and easy and no page reload!

Take look a this:

$.ajax({
            type: "POST",
            data: { "supporterId": supporterId },
            url: '@Url.Action("ShowDetails")',
            success: function (result) {
                $("#popupDetails").html(result); - here you are replaceing content of you page with partial view returned by the action                   
            },
            error: function (error) {
                alert("error");
            }
        });

And here is the action:

        public ActionResult ShowDetails(int supporterId)
    {
        Supporter supporter = ... //get supporter object from the database
        return PartialView("Details", supporter);
    }