DataTables添加跳转分页功能

2019独角兽企业重金招聘Python工程师标准>>>

tbSearchResult.on( 'draw.dt', function () {

     $('#tbSearchResult_paginate div').append(gotoPage);

     $("#btnGo").on("click",function(){

          tbSearchResult.page(parseInt($("#iptPageNum").val())-1).draw(false);

     });

});//添加每次绘制表格的事件监听

//通过浏览器的css调试，进行最终样式确定的html代码，就会在表格右下角增加一个分页跳转

var gotoPage = '<div class="" style="float: right;">'+

                    '<span class="pageBox-text">Page:</span>'+

                    '<div class="input-append" style="width: 40% !important;text-align: -webkit-auto;">'+

                         '<input id="iptPageNum" type="text" class="m-wrap span4" style="width: 50%;">'+

                         '<span class="input-group-btn">'+

                              '<button id="btnGo" class="btn btn-default" type="button">Go!</button>'+

                         '</span></div></div>';

效果图：

• Previous
• 1
• 2
• 3
• 4
• 5
• …
• 9846
• Next

Page:

                                                                            Page:[   ]GO

转载于:https://my.oschina.net/ffse54s/blog/824401