fnReloadAjax event handler cleanup after fnServerData and fnRowCallback are used

kidalex

I use fnServerData function to populate table with data. Then I modify one of the columns with fnRowCallback. Then I attach the "click" event using JQuery's "on" function to the modified column's contents.

My question is this: when this table is refreshed using fnReloadAjax - are the "on click" event handlers attached to the modified column's contents cleaned up from the DOM to avoid memory leaks?

allan

Not by DataTables, since it doesn't know you've added them. You need to use either fnPreDrawCallback to remove them, or a much better solution would be to use a delegated event rather than static event handlers.

Allan

kidalex

Allan, how would one go about it? I need to have two different icons in a single cell that can have a tooltip ( by Bootstrap ) and also would be "clickable".

allan

Not sure I quite understand - you'd just use $({selector}).off('click') would you not?

Allan

kidalex

I ended up binding the events to the table's ID

allan

I think that's the best solution :-)

Allan