做爰三级在线播放_又大又粗又猛又舒服又爽_暖暖www免费高清视频最新期_午夜精品aaa国产福利

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

2021-7-30 前端達(dá)人

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