博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Datatables跳转到指定页
阅读量:5215 次
发布时间:2019-06-14

本文共 1629 字,大约阅读时间需要 5 分钟。

因为项目用到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('
跳到
'); } }, "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); } });

 

转载于:https://www.cnblogs.com/gentsir/p/7804720.html

你可能感兴趣的文章
剑指Offer:重建二叉树
查看>>
MyBatis课程2
查看>>
桥接模式-Bridge(Java实现)
查看>>
java面试题之hashcode相等两个类一定相等吗?equals呢?相反呢?
查看>>
[leetcode]Generate Parentheses
查看>>
svn客户端清空账号信息的两种方法
查看>>
springboot添加servlet的两种方法
查看>>
java的Array和List相互转换
查看>>
win7安装IIS
查看>>
java获取当前项目路径System.getProperty("user.dir")
查看>>
java的byte[]与String相互转换
查看>>
【转】查看电脑显卡型号及显卡性能
查看>>
windows安装reids
查看>>
ztree实现拖拽移动和复制
查看>>
layui父页面执行子页面方法
查看>>
redis的window版本下载地址
查看>>
idea右下角显示使用内存情况
查看>>
修改系统个人文件夹存储默认存放位置
查看>>
win10电脑休眠后无法唤醒的解决办法
查看>>
如何破解域管理员密码
查看>>