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

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

        


            


                


                    


                    

                

                


                    

                        $('#table')
                    

                

            

            


                


                    


                    

                

                


                    

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

                

            

            


                


                    


                    

                

                


                    

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

                

            

            


                


                    


                    

                

                


                    

                        } )
                    

                

            

            


                


                    


                    

                

                


                    

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

                

            

            


                


                    


                    

                

                


                    

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

                

            

            


                


                    


                    

                

                


                    

                        } )
                    

                

            

            


                


                    


                    

                

                


                    

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

                

            

            


                


                    


                    

                

                


                    

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

                

            

            


                


                    


                    

                

                


                    

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

                

            

            


                


                    


                    

                

                


                    

                        } )
                    

                

            

            


                


                    


                    

                

                


                    

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

                

            

            


                


                    


                    

                

                


                    

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

                

            

            


                


                    


                    

                

                


                    

                        } )
                    

                

            

            


                


                    


                    

                

                


                    

                        .DataTable();
                    

                

            

        

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

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