asp.net mvc loading partial view in popup

Question

how will i load a page or a partial view in the popup window in jquery. i am using jquery popup but it is not loading with javascript

Answer 1

To load it into a placeholder:

$("#idOfPartialViewContainerOnPage").load("/ControllerName/PartialViewName");

Where the Action looks something like:

public ActionResult PartialViewName() 
{
    return PartialView(GetModelForMyPartialView());
}

To make it a popup window, use something like jQuery UI dialog:

var ph = $("#idOfPartialViewContainerOnPage");
ph.load("/ControllerName/PartialViewName", function() { 
    ph.dialog({
        // set dialog options here
    });
});