jquery dataTables multiple page with functionality not working right with jquery

Question

Context:

I am using the dataTables jquery library with my asp.net mvc model view. I have an item model containing a list of department models in it. I have a Html.EditorFor() to display the list of department models in the dataTables table.

Problem

Each row has a checkbox that has a click function that will delete the row through an ajax post request. It works great on the first page of datas. But on the other pages, the click emitter isnt set up and thus the ajax request doesn't fire. It only works for the first page of rows on the dataTables UI.

What can I do to fix this?

Could you show us how you add this "click" listener to your checkboxes? :) — Kulgar
– Kulgar, Commented Sep 12, 2013 at 17:12
Found a solution, redundant but works. I added a click handler to the <a> tags (Next, Prev) which will add in the click handler for the checkboxes again. — PizzaHead
– PizzaHead, Commented Sep 12, 2013 at 17:36

Mamuz · Accepted Answer · 2013-09-12 18:36:24Z

1

You have to attach click event handler with jquery on. Because after paging dataTables reload the tableBody and all attached event handler, which are not attached for live mode, will be lost. Something like this..

$("#dataTableWrapper").on("click", "td", function(event){ 
   // your code 
});

answered Sep 12, 2013 at 18:36

Mamuz

1,72012 silver badges14 bronze badges

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

2 Comments

Kulgar Over a year ago

This should work indeed. That why I asked him to show us how he attaches the listener to the click event as he may already have the "on" event listener...

PizzaHead Over a year ago

thanks yeah that worked. i wanted to add the code into this issue but it wouldnt let me edit what i wrote.

Collectives™ on Stack Overflow

jquery dataTables multiple page with functionality not working right with jquery

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