前端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/,大家遇到問題可以多看看


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM