dataTables页码后面添加可输入页码跳转

修改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 );
}
});
},

即当输入回车时执行跳转

dataTables页码后面添加可输入页码跳转相关推荐

mysql页码_PHP+MySQL实现输入页码跳转到指定页面功能示例
本文实例讲述了php+mysql实现输入页码跳转到指定页面功能.分享给大家供大家参考,具体如下: 一.代码 conn.php: $id=mysql_connect("localhost&qu ...
Word添加目录、页码、页眉奇偶不同（写论文）
吐槽一下,自从毕业设计之后,就没怎么用过了.这几天一个同学让我给修改论文格式,本来很简单的东西,却弄不好了,一下又蒙了,丢人丢到姥姥家了.好吧,写篇博客总结一下. 声明:我用的是office2010 ...
html输入页码跳转,如何为WordPress添加输入页码跳转功能？
最近看到有些网站没有输入页码跳转的功能,使用起来不是很方便,我就想用户如果需要跳转到那一页只需在输入框中输入相应的页面点击确定就可以跳转到指定页面,那么如何为WordPress添加输入页码跳转功能?接 ...
html输入页码跳转,WordPress分页导航添加输入页码跳转功能
在年初的时候给一个用户做网站用到了一个输入页码跳转的功能,用户如果需要跳转到那一页只需在输入框中输入相应的页面点击确定就可以跳转到指定页面,这个功能非常棒吧,下面就看看如何使用 php 和 jquer ...
iView UI 使用page分页添加跳转按钮-输入页码后点击跳转
使用电梯,快速跳转到某一页在iview里,分页组件的电梯功能输入页码后需要按回车才能跳转这让不知道需要按回车的人摸不着头脑呀,所以呢,动动手写个跳转按钮~ <div class=" ...
润乾单元格加html点击事件_报表输入页码翻页（润乾 V2018）
报表数据分了太多页,一页一页翻页查看数据嫌麻烦,可以试试这种翻页效果--输入页码翻页. 润乾报表提供了翻页相关的 JS 函数,可以在报表展现的页面中添加 JS 调用翻页函数实现输入页码跳转到对应页. ...
pdf常用字体包 -baijiahao_如何给PDF文档添加和插入页码？
如今PDF格式因其比常用的office格式更稳定,被越来越多人使用,但也正因为近几年才慢慢广泛使用,对于其编辑的相关操作也相对陌生,那么如何给PDF文档添加页码呢?如果不喜欢从第一页就开始编码,如何直 ...
解决WORD疑难之：设置节起始页码后出现诡异隐藏页/跳页、节首页页面边框丢失
解决WORD疑难之:设置节起始页码后出现诡异隐藏页/跳页.节首页页面边框丢失适用软件及版本:MS OFFICE2003 pro中的WORD,其它版本应可适用. 适用人群:编排大中型复杂文档的用户症 ...
WORD设置节起始页码后出现诡异隐藏页/跳页、节首页页面边框丢失
原文URL:http://blog.csdn.net/kevinhg/article/details/6266170 向原文作者致敬:从下文可以看出作者对于问题的执着性,能够不厌其烦地把所想所做所有细 ...

dataTables页码后面添加可输入页码跳转

dataTables页码后面添加可输入页码跳转相关推荐

最新文章

热门文章