您的位置:首页 > Web前端 > JQuery

jquery.datatables添加跳转到指定页

2017-01-22 14:07 375 查看
jquery.datatables是一款很出色的表格插件,中文网地址,然而默认的却不支持跳转到指定页,不过不要紧,只要稍微加些参数代码就可以了。



$('#tableId').dataTable({
fnDrawCallback: function(table) {
$("#tableId_paginate").append("  到第 <input style='height:28px;line-height:28px;width:40px;' class='margin text-center' id='changePage' type='text'> 页  <a class='btn btn-default shiny' style='margin-bottom:5px' href='javascript:void(0);' id='dataTable-btn'>确认</a>");
var oTable = $("#tableId").dataTable();
$('#dataTable-btn').click(function(e) {
if($("#changePage").val() && $("#changePage").val() > 0) {
var redirectpage = $("#changePage").val() - 1;
} else {
var redirectpage = 0;
}
oTable.fnPageChange(redirectpage);
});
}
});


也就是说只需要添加fnDrawCallback参数就可以了。其中选择器tableId是表格的id属性,而tableId_paginate选择器是在插件生成的分页条的div的id。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: