国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于Datatables跳轉到指定頁的簡單實例

2019-11-19 14:57:48
字體:
來源:轉載
供稿:網友

因為項目用到Datatables發現在分頁特別多時無法跳轉到指定頁,自己動手增加了#Datatables 跳轉到指定頁#功能,實現代碼如下:

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);   }  // 核心實現:不能放到initComplete方法里,因為表格重載后跳轉功能會消失  if (table.api().page.info().pages > 1) {   $("#dynamic-table_info").append('<div class="jump-page">跳到 <input type="number" id="jump_page" min="1"> 頁</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', '角色權限:' + data[11]); },});// datatables跳轉到指定頁$("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跳轉到指定頁的簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 揭阳市| 塔城市| 道真| 白玉县| 自治县| 秦安县| 台湾省| 葫芦岛市| 大理市| 万山特区| 南投县| 武平县| 平陆县| 武胜县| 瑞昌市| 清河县| 林周县| 玉环县| 吉木乃县| 浦北县| 库尔勒市| 呼玛县| 绿春县| 横山县| 壶关县| 岳阳县| 南江县| 丹棱县| 连平县| 永兴县| 新昌县| 乌审旗| 大新县| 吉水县| 方山县| 揭阳市| 四会市| 揭阳市| 安丘市| 孝昌县| 吉安市|