pc端表格分页的简单实现

(function ($) {    var obj = obj || {};    var currentPage = 1;//默认第一页    var pageSize = 10;//每页显示条数    var pageNum='';//总页数    obj.search=function(){        var _this=this;        $("#search").click(function(){            currentPage=1;            _this.selectH5Order(true);            obj.fillHtml('pageHtml',{"currPage":currentPage,"pageNum":pageNum,"state":obj.state()});        })    }      obj.init=function(pageHtml,args){        return (function(){            obj.bindEvent();            obj.search();        })();    };       //var currentPage=1;var totalPage;    obj.fillHtml=function(pageHtml,args){            return (function(){                pageHtml="";                if(currentPage > 1){                    pageHtml += "<a href='javascript:void(0);' class='geraltTb_pager' data-go='' >上一页</a>";                }else{                    pageHtml += "";                }                // 判断出现...情况                if(currentPage!=1 && currentPage>=4 && args.pageNum!=4) {                    pageHtml += "<a href='javascript:void(0);' class='geraltTb_pager' data-go='' >首页</a>";                }                if(currentPage-2>2 && currentPage<=args.pageNum && args.pageNum>5) {                    pageHtml += "<a href='javascript:void(0);' class='geraltTb_' data-go='' >...</a>";                }                var start = currentPage-2;//通过当前页面跟总页数关系来判断                var end = currentPage+2;                if((start>1 && currentPage<4) || currentPage==1) {                    end++;                }                if(currentPage>args.pageNum-4 && currentPage>=args.pageNum) {                    start--;                }                       for(; start<=end; start++) {                    if(start<=args.pageNum && start>=1) {                        // if(start != currentPage) {                        //  pageHtml += "<li class='ali'><a href='javascript:void(0);' class='geraltTb_pager' data-go='' >"+start+"</a>";                        // }else{                            pageHtml += "<a href='javascript:void(0);' class='geraltTb_pager' data-go='' >"+start+"</a>";                        // }                    }                }                if(currentPage+2<args.pageNum-1 && currentPage>=1 && args.pageNum>5) {                    pageHtml += "<a href='javascript:void(0);' class='geraltTb_' data-go='' >...</a>";                }                if(currentPage!=args.pageNum && currentPage<args.pageNum-2 && args.pageNum!=4) {                    pageHtml += "<a href='javascript:void(0);' class='geraltTb_pager' data-go='' >末页</a>";                }                if(currentPage < args.pageNum){                    pageHtml += "<a href='javascript:void(0);' class='geraltTb_pager' data-go='' >下一页</a>";                }else{                    pageHtml += "";                }                $(".pagination").html(pageHtml);            })();    };          obj.bindEvent=function(){            return (function(){                $(".page").on("click","a.geraltTb_pager",function(event){                    $(this).addClass("cur").siblings().removeClass("cur");                    if($(this).text()=="上一页"){                        currentPage=(currentPage>1)?currentPage-1:1;                    }                    else if($(this).text()=="下一页"){                        currentPage=(currentPage<pageNum)?currentPage+1:pageNum;                    }else if($(this).text()=="首页"){                        currentPage=1;                    }else if($(this).text()=="末页"){                        currentPage=pageNum;                    }else{                        currentPage = parseInt($(this).text());                    }                    // obj.fillHtml(pageHtml,{"starTime":"","endTime":"","currPage":currentPage,"pageNum":args.pageNum,"turndown":args.turndown,"state":obj.state()});                    // if(typeof(args.backFn)=="function"){                    //     args.backFn(args.currentPage);                    // }                    obj.selectH5Order();                });            })();    }    obj.selectH5Order=function(first){            var _this=this;             var trHtml='';//列表             //获取数据            $.ajax({                url:'xxxx',                type:'post',                dataType:'json',                cache:true,                contentType: "application/x-www-form-urlencoded; charset=utf-8",                data:XXX,                success: function (data) {                    if(data.code="0000"){                       pageNum=Math.ceil(data.listSize/pageSize);//通过接口反的数据，算出总页数                        var ORDERSTATUS;                        // if(first&&pageNum>0){_this.getData()}                        // _this.fillHtml();                        // if(first){trHtml=''};                        trHtml+='<tr>XX<td>XX</td></tr>'                            }                            $("table").eq(0).html(trHtml);                        }else{                            pageNum=0;                            $("table").html(trHtml);                        }                        obj.fillHtml('pageHtml',{"starTime":"","endTime":"","currPage":currentPage,"pageNum":pageNum,"state":obj.state()});                    }else{                            alert(data.message)                        }                    }                },                error:function(){                }            })    }    return {        selectH5Order:obj.selectH5Order(true),        bindEvent:obj.init()    }})(jQuery);