前端Datatables自定義事件（監(jiān)聽Datatables插件一些常見的事件動作）

今天開發(fā)項目的時候，用Datatables插件做前端分頁列表，想在列表發(fā)生翻頁、排序、搜索、改變單頁顯示數(shù)據(jù)條數(shù)這些行為的時候做一些其他的操作，看了半天Datatables官網(wǎng)終于找到可以監(jiān)測到這些事件發(fā)生方法：

        


            


                


                    


                    

                

                


                    

                        $('#table')
                    

                

            

            


                


                    


                    

                

                


                    

                        .on( 'order.dt', function () {
                    

                

            

            


                


                    


                    

                

                


                    

                        console.log( '排序事件' );
                    

                

            

            


                


                    


                    

                

                


                    

                        } )
                    

                

            

            


                


                    


                    

                

                


                    

                        .on( 'search.dt', function () {
                    

                

            

            


                


                    


                    

                

                


                    

                        console.log( '搜索事件' );
                    

                

            

            


                


                    


                    

                

                


                    

                        } )
                    

                

            

            


                


                    


                    

                

                


                    

                        .on( 'length.dt', function ( e, settings, len ) {
                    

                

            

            


                


                    


                    

                

                


                    

                        console.log( '改變單頁顯示條數(shù)事件' );
                    

                

            

            


                


                    


                    

                

                


                    

                        console.log( 'New page length: '+len );
                    

                

            

            


                


                    


                    

                

                


                    

                        } )
                    

                

            

            


                


                    


                    

                

                


                    

                        .on( 'page.dt', function () {
                    

                

            

            


                


                    


                    

                

                


                    

                        console.log( '翻頁事件' );
                    

                

            

            


                


                    


                    

                

                


                    

                        } )
                    

                

            

            


                


                    


                    

                

                


                    

                        .DataTable();
                    

                

            

        

遇到問題多看官網(wǎng)，而且英文網(wǎng)站的社區(qū)討論真的有很多有效的提問和回答。

附上datatables的官網(wǎng):https://datatables.net/,大家遇到問題可以多看看