jQuery DataTables添加可复用的页面跳转
直接上代码。
-----------------------------------------------------
//在DataTable()里添加:
"fnDrawCallback": function(oSettings) {
showPageJump();
var thisSettings = oSettings;
$('#dataTable-btn').click(function() {
pageJump(thisSettings);
});
},
-----------------------------------------------------
function pageJump(oSettings)
{//可上官网查看相关接口
var api = new $.fn.dataTable.Api( oSettings );
var info = api.page.info();
var changePage = $("#changePage").val();
if( changePage && changePage > 0 && info.pages >= changePage ) {
var redirectpage = changePage - 1;
api.page( redirectpage ).draw(false);
}
else {
alert("请输入正确的页数!");
$("#changePage").val("");
}
}
function showPageJump()
{
$("ul.pagination").append("<li><span>转到第 <input type='text' id='changePage' class='input-text' style='width:45px;height:17px;'> 页</span></li><a href='javascript:void(0);' id='dataTable-btn' style='text-align:center;height:31px' class='btn_com btn_blue' ><span class='check_btn'></span>确定</a>");
}
参考:http://blog.csdn.net/kusedexingfu/article/details/54668120