js分页功能的实现

来源:互联网 发布:js卫生间防水质量通病 编辑:程序博客网 时间:2024/05/17 22:57
//currentPage 当前页
//pageAllNum  记录的总数
//size 每页的最大数
//maxSequence 最大的序列号
function cut(currentPage,pageAllNum,size,maxSequence) {
    maxSequence = 10;
    var firstPageUrl =   "onclick=changePage(1,"+size+")"
    var firstPage = "    <a href=\"javascript:;\" "+firstPageUrl+"><img src='images/scm.jpg' /></a><span>&nbsp;&nbsp;</span>";
    
    
    var lastPageNum;
    if(pageAllNum%size ==0) {
        lastPageNum = parseInt(pageAllNum/size);
    }
    else {
        lastPageNum = parseInt(pageAllNum/size)+1;  
    }
    //alert("尾页共"+lastPageNum);
    var lastPageUrl = "onclick=changePage("+lastPageNum+","+size+")";
    var lastPage = "<a href=\"javascript:;\" "+lastPageUrl+"><img src='images/scm3.jpg' /></a>";

    
    var littleUrl = "onclick=changePage("+(currentPage-1)+","+size+")";
    var bigUrl = "onclick=changePage("+(currentPage+1)+","+size+")";
    var little = "<a href=\"javascript:;\" "+littleUrl+">"+"<img src='images/scm1.jpg' />"+"</a>    ";
    var big = "<a href=\"javascript:;\" "+bigUrl+">"+"<img src='images/scm2.jpg' />"+"</a>    ";
    /*    
    
    if(lastPageNum >= 10 && currentPage <=9) {
        var onePageUrl = "selectMessage?pageNum=1&size="+size;
        var twoPageUrl = "selectMessage?pageNum=2&size="+size;
        var threePageUrl = "selectMessage?pageNum=3&size="+size;
        var fourPageUrl = "selectMessage?pageNum=4&size="+size;
        var fivePageUrl = "selectMessage?pageNum=5&size="+size;
        var sixPageUrl = "selectMessage?pageNum=6&size="+size;
        var sevenPageUrl = "selectMessage?pageNum=7&size="+size;
        var eightPageUrl = "selectMessage?pageNum=8&size="+size;
        var ninePageUrl = "selectMessage?pageNum=9&size="+size;
        var tenPageUrl = "selectMessage?pageNum=10&size="+size;
        
        var onePage = "<a href=\""+onePageUrl+"\">1</a><span>&nbsp;&nbsp;</span>";
        var twoPage = "<a href=\""+twoPageUrl+"\">2</a><span>&nbsp;&nbsp;</span>";
        var threePage = "<a href=\""+threePageUrl+"\">3</a><span>&nbsp;&nbsp;</span>";
        var fourPage = "<a href=\""+fourPageUrl+"\">4</a><span>&nbsp;&nbsp;</span>";
        var fivePage = "<a href=\""+fivePageUrl+"\">5</a><span>&nbsp;&nbsp;</span>";
        var sixPage = "<a href=\""+sixPageUrl+"\">6</a><span>&nbsp;&nbsp;</span>";
        var sevenPage = "<a href=\""+sevenPageUrl+"\">7</a><span>&nbsp;&nbsp;</span>";
        var eightPage = "<a href=\""+eightPageUrl+"\">8</a><span>&nbsp;&nbsp;</span>";
        var ninePage = "<a href=\""+ninePageUrl+"\">9</a><span>&nbsp;&nbsp;</span>";
        var tenPage = "<a href=\""+tenPageUrl+"\">10</a><span>&nbsp;&nbsp;</span>";
        
        
        
    }
    //var all = firstPage + onePage + twoPage + threePage + fourPage + fivePage + sixPage + sevenPage + eightPage + ninePage + tenPage + lastPage;
    $(".page").append(firstPage).append(onePage).append(twoPage).append(threePage).append(fourPage).
    append(fivePage).append(sixPage).append(sevenPage).append(eightPage).append(ninePage).append(tenPage).append(lastPage);
    $(".page").append(all);
    
*/
    $(".page").append(firstPage);
    if(currentPage > 1) {
        $(".page").append(little);
    }
    if(lastPageNum < 10) {
        for(var i=1;i<=lastPageNum;i=i+1) {
            var pageUrl = "onclick=changePage("+i+","+size+")";
            var page = "<a href=\"javascript:;\" "+pageUrl+">"+i+"</a>    ";
            
            $(".page").append(page);
        //    alert(page);
        }
    }
    
    if(lastPageNum >=10) {
        for(var i=1;i<=10;i++) {
            if(currentPage <= 5) {
                var pageUrl = "onclick=changePage("+i+","+size+")";
                var page = "<a href=\"javascript:;\" "+pageUrl+">"+i+"</a>    ";
                
                $(".page").append(page);
    //            alert(page);
            }
            else if(( currentPage+5) <= lastPageNum){
                var pageUrl = "onclick=changePage("+(6+i-5)+","+size+")";
                var page = "<a href=\"javascript:;\" "+pageUrl+">"+(6+i-5)+"</a>    ";
                $(".page").append(page);
    //            alert(page);
                if(i > lastPageNum) {
    //                alert("超出");
                    break;
                }
            }else if(( currentPage+5) > lastPageNum) {
                var pageUrl = "onclick=changePage("+(lastPageNum+i-10)+","+size+")";
                var page = "<a href=\"javascript:;\" "+pageUrl+">"+(lastPageNum+i-10)+"</a>    ";
                $(".page").append(page);
            }
        }
    }
    if(currentPage < lastPageNum) {
        $(".page").append(big);
    }
    $(".page").append(lastPage);
    
    $(".page1").text("第"+currentPage+"页,共"+lastPageNum+"页,"+pageAllNum+"条记录");
}
原创粉丝点击