一本色道久久综合亚洲精品不卡,亚洲精品日韩久久,久久久午夜精品

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

2021-7-30 前端達人

今天開發項目的時候，用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();