ASP/MVC - Switch a partial view in javascript code

Question

I have table on my view page. One of the cells has an ID (say "x"). When a certain button is clicked a JS function is called, and the purpose is to dynamically change the partial view contained inside that cell using the code:

$("#X")[0].innerHTML = @Html.Partial("PartialViewName");

It works perfectly on firefox, but not in IE8. Also, FIY,the partial view is an AJAX form.

trying using quotes for setting the innerHTML value like this : $("#X")[0].innerHTML = "@Html.Partial("PartialViewName")"; — Pankaj Upadhyay
– Pankaj Upadhyay, Commented Jan 5, 2012 at 8:01

Community · Accepted Answer · 2015-04-14 14:06:24Z

1

You can load the partial view by ajax like this using Jquery load,

$("#X").load(@Url.Action("action","controller"));

and in the controller you have to return the partial view like this,

public ActionResult Action(){  
    return PartialView('PartialViewName')
}

edited Apr 14, 2015 at 14:06

CommunityBot

11 silver badge

answered Jan 5, 2012 at 8:03

Jayantha Lal Sirisena

21.4k11 gold badges74 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

EhudFisher Over a year ago

It works very well, although I'd still like to know what is the "best practice" way to do that using MVC without using jquery load(). Thanks!

Jayantha Lal Sirisena Over a year ago

If you want to load it dynamically via ajax you can use JQuery get, post , load methods as you want. And if you do not want to load it like that (if it is not heavy to load at the initial page load ) you can just hide that content when page loads. And then oyu can show it when user clicks the button.

Collectives™ on Stack Overflow

ASP/MVC - Switch a partial view in javascript code

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related