基于Datatables跳轉(zhuǎn)到指定頁(yè)的簡(jiǎn)單實(shí)例
因?yàn)轫?xiàng)目用到Datatables發(fā)現(xiàn)在分頁(yè)特別多時(shí)無(wú)法跳轉(zhuǎn)到指定頁(yè),自己動(dòng)手增加了#Datatables 跳轉(zhuǎn)到指定頁(yè)#功能,實(shí)現(xiàn)代碼如下:
table = $('#user-table').dataTable({ "bAutoWidth": false, "processing": true, "serverSide": true, "bStateSave":true, "pagingType": "full_numbers", "order": [[0, 'asc']], "ajax": get_users, "oLanguage": { "sUrl": "/js/advanced-datatable/lang/Chinese.json" }, "drawCallback": function( settings ) { if ($('body').height() < document.documentElement.clientHeight) { $('footer').css('position','fixed'); } else { $('footer').css('position','static'); } if ( sla_type == 1) { table.api().column(4).visible(false); } else { table.api().column(4).visible(true); } // 核心實(shí)現(xiàn):不能放到initComplete方法里,因?yàn)楸砀裰剌d后跳轉(zhuǎn)功能會(huì)消失 if (table.api().page.info().pages > 1) { $("#dynamic-table_info").append('<div class="jump-page">跳到 <input type="number" id="jump_page" min="1"> 頁(yè)</div>'); } }, "initComplete": function(settings, json) { if ($('body').height() < document.documentElement.clientHeight) { $('footer').css('position','fixed'); } else { $('footer').css('position','static'); } $('.adv-table input[type="search"]').addClass('form-control'); }, "rowCallback": function(row, data) { $('td:eq(0)', row).attr('title', '角色權(quán)限:' + data[11]); }, }); // datatables跳轉(zhuǎn)到指定頁(yè) $("body").delegate('#jump_page', 'keyup', function(event) { var page = Number($(this).val()); if (event.keyCode == 13 && page > 0) { table.api().page(page - 1).draw(false); } });
以上這篇基于Datatables跳轉(zhuǎn)到指定頁(yè)的簡(jiǎn)單實(shí)例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery+AJAX實(shí)現(xiàn)無(wú)刷新下拉加載更多
這篇文章主要介紹了jQuery+AJAX實(shí)現(xiàn)無(wú)刷新下拉加載更多的相關(guān)資料,需要的朋友可以參考下2015-07-07jQuery Ajax 實(shí)現(xiàn)在html頁(yè)面實(shí)時(shí)顯示用戶登錄狀態(tài)
本文給大家分享jQuery Ajax 實(shí)現(xiàn)在html頁(yè)面實(shí)時(shí)顯示用戶登錄狀態(tài)的實(shí)現(xiàn)方法,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2016-12-12使用jQuery實(shí)現(xiàn)Web頁(yè)面換膚功能的要點(diǎn)解析
網(wǎng)頁(yè)換膚的實(shí)質(zhì)就是切換CSS樣式,關(guān)鍵是給用戶做出點(diǎn)擊切換的功能以及換膚完成之后的緩存記錄功能,下面我們就來(lái)看一下使用jQuery實(shí)現(xiàn)Web頁(yè)面換膚功能的要點(diǎn)解析:2016-05-05