code in initComplete is ignored if I search in datatable

bejbe01

I have implemented simple datatable where I generate column with some class and in initComplete I create simple onclick action on this class. This works fine until I do search in table, or change row number of table. Then my click on button is completely ignored.

Any clue what might be wrong?

var tableready = function() {

 commtable= $('#communication').DataTable({
  'order': [4, 'desc'],
  'serverSide': true,
  'ajax': '/communications.json',
  'stateSave' :true,

  columns: [
  {data: 'subject_name_show'},
  {data: 'person_first_name' },
  {data: 'about' },
  {data: 'keyword' },
  {data: 'created_at','render' : function(data,type,row) {
    return prettyDate(row.created_at);
  } },
  {data: 'user_name' },
   {
     "className":   'commedit-control',
     "orderable":      false,
     "data":           null,
     "defaultContent": '<a><center><i class="fa fa-pencil-square-o fa-2x" aria-hidden="true"></i></center></a>'
   },

  {data: 'delete_communication', orderable: false, searchable: false} 
  ],
  'dom': 'lfr<"pull-right"B>tip',

  initComplete: function() {
      $('.commedit-control').on('click',function(event){
        alert("hello");
      });

   }

});
};
$(".communication.index").ready(tableready);

document.addEventListener('turbolinks:before-cache', function() {
 if ($('#communication_wrapper').length ==1) {commtable.destroy() ;} 
});

$(".communication.index").on('turbolinks:load', tableready);

bejbe01

ok after few hours I found out that instead of puting function into initComplete I have to put it into drawCallback

kthorngren

You might be better off using delegated events:
https://datatables.net/faqs/index#events

Otherwise, unless you turn off the click event first, each on event will append to the click events for that selector. In other words you could end up with the click event firing multiple times.

Something like this should work:
$('#communication tbody').on('click', 'td.commedit-control', function ()

You can even move it outside of init complete.

Kevin