Normally I do my examples in C#, but lately I have noticed a lack of VB.NET examples. Therefore, this example is in VB.NET.<\/p>\n
I have searched long and hard to find a way to dynamically load MVC partials. I had tried to find a solution a few times, but quickly gave up. I figured there must be a way. Then I remembered how I used to create on the fly images using an HTML image control and simple URL to an ASPX page which served up the image ( another blog topic ). Through this latest realization and a little searching I have pieced together a working model. The piece I was missing was having the controller return a PartialView To dynamically load a MVC partial, you first need to create a main view with a div content properly defined with a unique ID (index.vbhtml).<\/p>\n Then you will need to create your partial that you want to load dynamically (ListOfStuff.vbhtml).<\/p>\n Create a controller with two methods. One to load the main view and one that you will use to load the dynamic partial (HomeController.vb).<\/p>\n The loading of the partial is now easy and can be done using a jQuery statement. Put the code either in the main view or a JS file that is referenced in the main view.<\/p>\n Tah-Dah! We Are done.<\/p>\n","protected":false},"excerpt":{"rendered":"
\n<\/strong>.<\/p>\n\r\n<h1>Main Content<h1>\r\n<div id=\"divListOfStuffPartial\">\r\n\r\n<\/div>\r\n<\/pre>\n
\r\n<h1>Make this content Dynamic<h1>\r\n<div>\r\n <div>\r\n <li>Item 1<\/li>\r\n <li>Item 2<\/li>\r\n <\/div>\r\n<\/div>\r\n<\/pre>\n
Namespace Controllers\r\n Public Class HomeController\r\n Inherits Controller\r\n\r\n Function Index() As ActionResult\r\n Return View()\r\n End Function\r\n\r\n Function ListOfStuff() As ActionResult\r\n Return PartialView()\r\n End Function\r\n End Class\r\nEnd Namespace\r\n<\/pre>\n
function loadList()\r\n {\r\n $(\"#divListOfStuffPartial\").load( \"@(Html.Raw(Url.Action(\"ListOfStuff\", \"Home\")))\");\r\n }();\r\n<\/pre>\n