分页

function page(n,s) {
$("#pageNo2").val(n);
$("#pageSize").val(s);
$("#searchForm").submit();
return false;
}
function jump_to(obj){
var $autopbn = $("#autopbn");
var totalpage = parseInt($autopbn.attr("totalpage"));
var num =parseInt(obj);
if(num<1)num=1;
if(num>totalpage)num=totalpage;
$("#pageIndex").val(num);
page(num);
}
(function (){
var $borspan = $(".borspan");
var $autopbn = $("#autopbn");
var recordnum = parseInt($autopbn.attr("recordnum"));
var curpage = parseInt($autopbn.attr("curpage"));
var totalpage = parseInt($autopbn.attr("totalpage"));
//导航标签的个数,只考虑奇数
var pagenavnum = 5;
//borspan分页导航栏
getPagenav();

function getPageNumberStr(i,pageIndex) {
var $obj = null;
if (i == pageIndex){
$obj = $("<strong>"+pageIndex+"</strong>");
}else{
$obj = $("<a href='javascript:jump_to("+i+");'>"+i+"</a>");
}
return $obj;
}
function getPagenav() {
//上一页,下一页,跳转节点
var $pageinfo = $("<cite>共"+recordnum+"条/"+totalpage+"页&nbsp;</cite>");
var $prev = $("<a href='javascript:jump_to("+(curpage-1)+");'>&nbsp;上一页»&nbsp;</a>");
var $next = $("<a href='javascript:jump_to("+(curpage+1)+");'>&nbsp;下一页»&nbsp;</a>");
var $custompage = $("<input type=\"text\" class=\"page_in\" id=\"destoon_pageno\" value='' οnkeydοwn='if(event.keyCode==13){jump_to(this.value);}' type='text'>" +
"" +
"<input type=\"button\" class=\"page_btn\" value=\"GO\" οnclick=\"jump_to($('#destoon_pageno').val());\">");
//上一页标签
if(curpage>1){
$borspan.append($prev);
}
//排除1..34567情况;例如pagenavnum:5,totalpage:6
if(totalpage <= pagenavnum+1){
for (var j = 1; j <= totalpage; j++){
$borspan.append(getPageNumberStr( j, curpage));
}
}else{
//只考虑pagenavnum为奇数的情况,比如为5
var autopagenum = (pagenavnum+1)/2;
//左右两边页码,理论值
var minpage = curpage - (autopagenum - 1);//-1
var maxpage = curpage + (autopagenum - 1);//3
//如果当前项导航块左边>2,并且右边< autopagenum-1
if(minpage > 2 && maxpage < (totalpage-1)){
$borspan.append("<a href='javascript:jump_to(1);'>1..</a>");
for (var j = minpage; j <= maxpage; j++){
$borspan.append(getPageNumberStr( j, curpage));
}
$borspan.append("<a href='javascript:jump_to("+totalpage+");'>.."+totalpage+"</a>");
}else if(minpage < 3){//如果当前项导航块左边<=2,全部为eg:12345 ..n
for (var j = 1; j <= pagenavnum; j++){
$borspan.append(getPageNumberStr( j, curpage));
}
$borspan.append("<a href='javascript:jump_to("+totalpage+");'>.. "+totalpage+"</a>");
}else if(maxpage >= (totalpage-1)){//如果当前项导航块右边>
$borspan.append("<a href='javascript:jump_to(1);'>1 ..</a>");
for (var j =(totalpage-pagenavnum+1); j <= totalpage; j++){
$borspan.append(getPageNumberStr( j, curpage));
}
}
}
//下一页标签
if(curpage<totalpage){
$borspan.append($next);
}

//头部分页信息详情
$borspan.append($pageinfo);
//尾部跳转
$borspan.append($custompage);

}
})()

<div class="borspan" >
<a id="autopbn" href="javascript:;"style="display:none" recordnum="${page.count}" curpage="${page.pageNo}" totalpage="${page.last}"></a>
</div>



转载于:https://www.cnblogs.com/gtbky/p/9006808.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
一款自己創造的基於dwr的不刷新分頁組件,增強了用戶體驗! 部份代碼: //換頁 Page.prototype.changePage = function(params, functionName){ var toPageNo = 0; //首頁 if(params=="first"){ toPageNo = 1; } //上一頁 if(params=="pre"){ toPageNo = 1*pageNo-1; } //下一頁 if(params=="next"){ toPageNo = 1*pageNo+1 } //尾頁 if(params=="last"){ toPageNo = pageCount; } //下拉選框跳轉 if(params=="select"){ toPageNo = pageNo = $("#page_selectPage").val(); } //文本框跳轉 if(params=="to"){ //輸入頁數不能大於最大頁數 var toPage = $.trim($("#page_toPage").val()); if(toPage>pageCount){ var str = "<font color='red'>您輸入的頁數超過了總頁數</font>"; $("#page_pageSpan").html(str); $("#page_pageSpan").show(); $("#page_pageSpan").fadeOut(3000); $("#page_toPage").focus(); $("#page_toPage").select(); return; }else{ $("#page_pageSpan").hide(); toPageNo = pageNo = $.trim($("#page_toPage").val()); } } //更新每頁顯示記錄數 if(params=="per"){ toPageNo = 1; } $("#page_pageSpan").hide(); //輸入每頁記錄數不能大於每頁記錄數的上限 var pageSize = $.trim($("#perPage").val()); if(pageSize>maxPageSize){ var str = "<font color='red'>您輸入的每頁記錄數超過了每頁記錄數上限"+ maxPageSize +"</font>"; $("#page_pageSpan").html(str); $("#page_pageSpan").show(); $("#page_pageSpan").fadeOut(5000); $("#perPage").focus(); $("#perPage").select(); return; } //執行分頁查找 eval(functionName+"("+toPageNo+");"); };

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值