JavaScript 手动分页 使用省略符号

1、定义页标(要传入的惨数,显示那一页的数据)

var pageNo;//页码

currentPage=resp.pageNo;//根据返回的对象结果取页码

var pageHtml;//定义的html

var count=resp.totalPage;//总页数

2、总页数大于一定页数(当前取十页)

   1)当初始页为1时 ,总页数大于10页,之后的省略号显示

    2)当页数大于1小于第七页的时候,前面显示上一页,可翻页

    3)当页数大于第七页小于总页数的时候,前后都使用省略号,始终保持显示的页数固定

     4)注意最后的页数不能大于总页数,当大于总页数时,去总页数的值

3、总页数不超过十页时

4、将样式结果append到指定位置

5、完整代码

currentPage=resp.pageNo;            var pageHtml;            var count=resp.totalPage;            if(resp.totalPage>10){            pageHtml="共"+resp.totalPage+"页|"+            "首页|";            if(currentPage==1){                    resp.totalPage=10;                for(var j=1;j<=resp.totalPage;j++){                if(resp.pageNo==j){                pageHtml=pageHtml+""+j+"";                }else{                pageHtml=pageHtml+"["+j+"]";                }            }            pageHtml=pageHtml+"...."+"末页|共 "+resp.totalRecords+" 条";            }                          if(currentPage>1 && currentPage<7){                var b=currentPage-1;                pageHtml=pageHtml+"[上一页]";                resp.totalPage=10;                for(var j=1;j<=resp.totalPage;j++){                if(currentPage==j){                pageHtml=pageHtml+""+j+"";                }else{                pageHtml=pageHtml+"["+j+"]";                }            }            pageHtml=pageHtml+"...."+"末页|共 "+resp.totalRecords+" 条";            }                                                                  if(currentPage>7 && currentPage["+1+"]"+"....";            resp.totalPage=resp.pageNo+3;            if(resp.totalPage>count){              resp.totalPage=count;            }            for(var j=resp.pageNo-3;j<=resp.totalPage;j++){                if(resp.pageNo==j){                pageHtml=pageHtml+""+j+"";                }else{                pageHtml=pageHtml+"["+j+"]";                }            }                var b=resp.pageNo+1;                pageHtml=pageHtml+"[下一页]";                pageHtml=pageHtml+"末页|共 "+resp.totalRecords+" 条";            }                          }else{              pageHtml="共"+resp.totalPage+"页|"+            "首页|";            for(var j=1;j<=resp.totalPage;j++){                if(resp.pageNo==j){                pageHtml=pageHtml+""+j+"";                }else{                pageHtml=pageHtml+"["+j+"]";                }            }            pageHtml=pageHtml+"末页|共 "+resp.totalRecords+" 条";            }          $("#pageNumber").append(pageHtml);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容