分享

asp.net如果在页面上用js实现分页?

 悟静 2012-11-18
< html>  
    
< body>  
    
< span id=contents>
  
    
< span id=splitpage>  
    
< script type="text/javascript">  
    
_currentPage = 2;//设置当前页码  
_indexContainer = document.all.splitpage;//设置存放分页索引号的容器  
_contentContainer = document.all.contents;//设置存放分页内容的容器  
_totalPages = 0;//初始化总页数  
(function pageLoad() {  
    _indexContainer.innerHTML =pageNo(100,2,10,7).join(" ");  
    var str="getR("+3+")";  
goToPage(100, 3, 10,7,str);  
})();  
    
//返回页码对象  
function pageNo(counts, currentPage, perPage,showIndex,str) {  
    var perPage = perPage ? perPage : 5;
  
    
    
    var pages=0;  
    pages=counts/perPage+1;  
    var pageIndex = [];  
    //插入第一页标识   
    if(currentPage==1){  
        pageIndex.push("《《 《 ");  
    }else{//注意这里是 A标签 我把前面的<去掉了 因为 加上后会让系统会自动识别成连接无法正常显示代码  
        var str1="a href=\"javascript:goToPage("+counts+", "+1+", "+perPage+","+showIndex+",'"+str+"')\">《《 a href=\"javascript:goToPage("+counts+", "+(currentPage-1>0?currentPage-1:1)+", "+perPage+","+showIndex+",'"+str+"')\">《 ";  
        pageIndex.push(str1);  
    }  
    
    var cyclCousnts=parseInt(showIndex/2);  
        
for(var i=1;i<=showIndex;i++){  
        var tmpPage=currentPage>=cyclCousnts?currentPage-cyclCousnts+i-1:i;  
        if(currentPage==tmpPage)  
            pageIndex.push("font color=\"red\">"+tmpPage+"");  
        else if(tmpPage>pages)  
            continue;  
        else if(tmpPage<1)  
            continue;  
        else{//注意这里是 A标签 我把前面的<去掉了 因为 加上后会让系统会自动识别成连接无法正常显示代码  
            var str1="a href=\"javascript:goToPage("+counts+", "+tmpPage+", "+perPage+","+showIndex+",'"+str+"')\">"+tmpPage+"";  
            pageIndex.push(str1);  
        }  
    }  
    if(currentPage==pages){  
        pageIndex.push(" 》 》》");  
    }else{//注意这里是 A标签 我把前面的<去掉了 因为 加上后会让系统会自动识别成连接无法正常显示代码  
        var str1="a href=\"javascript:goToPage("+counts+", "+(currentPage+1>pages?currentPage:currentPage+1)+", "+perPage+","+showIndex+",'"+str+"')\">》  a href=\"javascript:goToPage("+counts+", "+pages+", "+perPage+","+showIndex+",'"+str+"')\">》》 ";  
        pageIndex.push(str1);  
    }  
        
    return pageIndex;  
}  
    
    
function goToPage(counts, currentPage, perPage,showIndex,str) {  
    _contentContainer.innerHTML = eval(str);  
    _indexContainer.innerHTML = pageNo(counts, currentPage, perPage,showIndex,str).join(" ");  
}  
    
function getRecord(currentPage){  
    return "the current pagaea  is:"+currentPage;  
}  
    
function getR(currentPage){  
    return "the current page  by eval is:"+currentPage;  
}  
    
< /script>  
< /body>  
< /html> 

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约