niiknow / vue-datatables-net

Vue jQuery DataTables.net wrapper component
https://niiknow.github.io/vue-datatables-net/
MIT License
171 stars 58 forks source link

How to trigger an event when data in datable changes? #22

Closed gwachhamit closed 4 years ago

gwachhamit commented 4 years ago

I particularly want to trigger an event when data changes when we search in search box. The reloaded event is not working in my case. @reloaded="doSomethingWhenReloaded" When will be the event, reloaded got triggered?

noogen commented 4 years ago

reloaded is used to detect when data returned from ajax.

Since this is simply a wrapper, you can use table-created event i.e. @table-created="doSomethingImmediatelyAfterTableCreatedAndInitialized" to wire into native datatables.net event.

 doSomethingImmediatelyAfterTableCreatedAndInitialized(vdtnet) {
    // use vdtnet.dataTable to access the jQuery DataTables object
    vdtnet.dataTable.on( 'search',  function () { 
        // do something here
    });
});

Also see doc https://www.datatables.net/reference/event/ of native events for reference.

gwachhamit commented 4 years ago

Thank you for the reply. It worked for me.