[v3] preInit/preXhr events are not caught outside of constructor

[miken32]

This code worked in version 2:

$('#example')
    .on(
        "preInit.dt",
        function() {console.log("preInit");}
      )
    .DataTable();

This code does not work in version 3:

new DataTable('#example')
    .on(
        "preInit.dt",
        function() {console.log("preInit");}
      );

I guess because the table is already instantiated by the time on() is called. This works fine, as expected:

new DataTable('#example', {
    on: {
        "preInit.dt",
        function() {console.log("preInit");}
   }
});

Not sure if the method I was using with v2 is unusual or not – maybe this isn't a bug at all – but I thought I'd mention it as a stumbling block I came across during the update to 3.0.

[AllanJard]

Your first one will still work with DataTables 3 if jQuery is available on the page: https://live.datatables.net/rihavone/7/edit .

The second wouldn't work with DT2 or DT3 since, as you say, the initialisation of the table happens before the event handler is applied.

If you want to do it without jQuery, then the third block is the way to do it, and that would apply in DT2 as well.

I agree this is well worth being aware of and I'll add something to the upgrade notes for it, but I'd say this is working as expected and is fully compatible with DT2.