Answers

• kthorngren Posts: 21,449Questions: 26Answers: 4,975

  December 13

  Try something like this to make sure the events are created before Datatables starts initializing:

  $(document).ready(function() {
     $('#dataTableMainCourante')
        .on('processing', function() {
           alert("Loading ...");
        })
        .on('init', function() {
           alert("Loading complete !");
        })
        .DataTable();
  });
  

  You may want to use something like BlockUI instead of alert messages. I believe alert messages will block the page until the user clears the alert.

  Kevin
• MrKementari Posts: 7Questions: 2Answers: 0

  December 13

  Hi kthorngren,

  yes of course alerts are here just for testing purposes.

  I just tried your snippet but nothing happens, no error in dev console but no alert is displayed.
• allan Posts: 63,689Questions: 1Answers: 10,500 Site admin

  December 13 edited December 13 Answer ✓

  If added with $().on() (as is the case in that snippet), you nee to add the .dt namespace:

  $(document).ready(function() {
     $('#example')
        .on('processing.dt', function() {
           console.log("Loading ...");
        })
        .on('init.dt', function() {
           console.log("Loading complete !");
        })
        .DataTable();
  });
  

  Example.

  That is not required if you use the DataTables on() method.

  Allan
• kthorngren Posts: 21,449Questions: 26Answers: 4,975

  December 13 edited December 13 Answer ✓

  Sorry, yes you will need to add the .dt namespace. Read more about it in the event docs.

  See the example in the processing docs. There is a flag that indicates if processing ocurring or not. Use that to display or remove the message.

  If the processing event doesn't work as you want you may want to pair the preInit and init events to display/clear the message.

  Kevin
• MrKementari Posts: 7Questions: 2Answers: 0

  December 13

  That was the missing pieces, thanks to both of you !
• kthorngren Posts: 21,449Questions: 26Answers: 4,975

  December 13

  Note that Allan's example shows that the processing event fires more than once. It will fire any time the table is sorted, searched, etc.. The init will turn the message off only once.

  Kevin