修改jquery.dataTables.bootstrap.js源文件,找到
if ( btnDisplay ) {
node = $('<li>', {
'class': classes.sPageButton+' '+btnClass,
'aria-controls': settings.sTableId,
'tabindex': settings.iTabIndex,
'id': idx === 0 && typeof button === 'string' ?
settings.sTableId +'_'+ button :
null
} )
在for循环外面添加:
f($("#redirect")!=null)
$("#redirect").remove();
$("<input type=\"text\" style=\"width: 50px;padding-top: 10px;height: 30px;border-radius: 0px 4px 4px 0px;\" id=\"redirect\" class=\"redirect\">").appendTo( container );
这样就添加了输入框在页码按钮后面了,
接下来就是绑定事件,在定义dataTable的时候添加如下属性:
"fnDrawCallback": function(){
var oTable = $(tb_div).dataTable();
$('#redirect').keyup(function(e){
if(e.keyCode==13){
if($(this).val() && $(this).val()>0){
var redirectpage = $(this).val()-1;
}else{
var redirectpage = 0;
}
oTable.fnPageChange( redirectpage );
}
});
},
即当输入回车时执行跳转