基于Datatables跳转到指定页的简单实例

网友投稿 640 2023-03-19


基于Datatables跳转到指定页的简单实例

因为项目用到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().pageCccYeos > 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);

}

});


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:struts2框架的登录制作图文教程
下一篇:api网关是什么(api网关是什么意思)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~