JQuery .load(), PartialView, MVC

Question

I am using MVC3 with Jquery's .load() with a PartialView().

From my jquery, I am doing the following:

      $("#stlist").load('@Url.Action("KitEdit","Kit")' + '?id=' + id+ '&pick=' + pick)

The partial view is called from the KitEdit action.

I was wondering if there is another way of loading a partial view besides the .load()?

I am getting some wierd behaviors where once the .load is done, some of the buttons don't work the second time.

"Some of the buttons don't work the second time" I think we need more information to assist you. Are you loading javascript with the partial view? can you provide a simple example of the issues you are having? — John Hartsock
– John Hartsock, Commented Jul 5, 2012 at 19:27

nikeaa · Accepted Answer · 2012-07-05 19:27:38Z

2

Is the partial view displayed without refreshing the entire page? If so, you need to add some jQuery that will run after the partial view is loaded to hook up all of the controls in the partial view. What I would suggest is adding a complete function (http://api.jquery.com/load/) to your jQuery .load() call like this:

 $("#stlist").load('@Url.Action("KitEdit","Kit")' + '?id=' + id+ '&pick=' + pick, Complete);

Then the complete function would hook up all the controls from the partial view.

Hope this helps!

answered Jul 5, 2012 at 19:27

nikeaa

1,0477 silver badges17 bronze badges

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

4 Comments

Nate Pet Over a year ago

Hi nikeaa,Complete doesn't seem to work. Meaning, it doesn't work at all if I put in Complete. Am I doing something wrong?

nikeaa Over a year ago

Did you define the Complete() function in your JS on the main view page?

Nate Pet Over a year ago

I could not find an example of the Complete() function in the link you mentioned. Might you have one that I can look at?

nikeaa Over a year ago

Actually, a little better would be to do the following: $("#stlist").load('@Url.Action("KitEdit","Kit")' + '?id=' + id+ '&pick=' + pick, function() { //put your code here }); This will define the function right in your .load call. Within the function $(this) will refer to the element found by the "#stlist" selector.

Tassadaque · Accepted Answer · 2012-07-05 20:21:51Z

1

If your buttons are using jquery click events you may to modify them to use .on syntax when defining the click behavior.

edited Jul 5, 2012 at 20:21

Tassadaque

8,19715 gold badges59 silver badges92 bronze badges

answered Jul 5, 2012 at 19:28

mreyeros

4,38923 silver badges24 bronze badges

1 Comment

Tassadaque Over a year ago

live method is deprecated on method should be used instead

Collectives™ on Stack Overflow

JQuery .load(), PartialView, MVC

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related