欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于Datatables跳轉(zhuǎn)到指定頁(yè)的簡(jiǎn)單實(shí)例

 更新時(shí)間:2017年11月09日 08:20:02   作者:gentsir  
下面小編就為大家?guī)?lái)一篇基于Datatables跳轉(zhuǎn)到指定頁(yè)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

因?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)文章

最新評(píng)論