js 分页

来源:互联网 发布:mysql share nothing 编辑:程序博客网 时间:2024/05/15 08:23

js代码:


var pageNo=0;

var pageSize=0;
var totalPages=0;
var totalResults=0;
function setPage(pageNo,pageSize,totalPages,totalResults){
    pageNo = parseInt(pageNo);
    pageSize = parseInt(pageSize);
    totalPages = parseInt(totalPages);
    totalResults = parseInt(totalResults);
    this.pageNo=pageNo;
    this.pageSize=pageSize;
    this.totalPages=totalPages;
    this.totalResults=totalResults;
    var page= '<div class="a">';
                 if(totalPages==1)page+='<a href="javascript:void(0);" title="上一页">&lt;</a>'
                                       +'<a href="javascript:void(0);" class="current" onclick="sub(1);">1</a>'
                                       +'<a href="javascript:void(0);" title="下一页">&gt;</a>';
                 var totle=5;
                 if(totalPages>1){
                     if(pageNo>1)page+='<a href="javascript:void(0);" title="上一页" onclick="sub('+(pageNo-1)+');">&lt;</a>';
                     else if(pageNo==1)page+='<a href="javascript:void(0);" title="上一页">&lt;</a>';
                
                     var content='';
                     var left='';
                     var leftlength=0;
                     var right='';
                     var rightlength=0;
                     var midle='';
                         for(var i=pageNo-Math.floor(totle/2);i<pageNo;i++){
                                 if(i>0){
                                    left+='<a href="javascript:void(0);" onclick="sub('+i+');">'+i+'</a>';
                                    leftlength++;
                                 }
                         }
                         midle='<a href="javascript:void(0);" class="current" onclick="sub('+pageNo+');" >'+pageNo+'</a>';
                         for(var i=pageNo+1;i<=pageNo+Math.floor(totle/2);i++){
                             if(i<=totalPages){
                                 right+='<a href="javascript:void(0);" onclick="sub('+i+');"  >'+i+'</a>';
                                 rightlength++;
                             }
                         }
                         if(leftlength+rightlength<totle-1){
                            if(pageNo-leftlength-1>0 || pageNo+rightlength<totalPages){
                                 while(leftlength+rightlength<totle-1){
                                     if(pageNo-leftlength-1>0){
                                         leftlength++;
                                         left='<a href="javascript:void(0);"  onclick="sub('+(pageNo-leftlength)+');"   >'+(pageNo-leftlength)+'</a>'+left;    
                                     }else if(pageNo+rightlength<totalPages){
                                         rightlength++;
                                         right+='<a href="javascript:void(0);" onclick="sub('+(pageNo+rightlength)+');"     >'+(pageNo+rightlength)+'</a>';    
                                     }else break;
                                 }
                             }
                         }
                         content=left+midle+right;
                    
                     if(pageNo-leftlength-1>1) page+='<a href="javascript:void(0);" onclick="sub(1);">1</a>...';
                     else if(pageNo-leftlength-1==1) page+='<a href="javascript:void(0);" onclick="sub(1);">1</a>';
                    
                     page+=content;
                    
                     if(pageNo+rightlength<totalPages-1)page+='...<a href="javascript:void(0);" onclick="sub('+totalPages+');">'+totalPages+'</a>';
                     else if(pageNo+rightlength==totalPages-1)page+='<a href="javascript:void(0);" onclick="sub('+totalPages+');">'+totalPages+'</a>';
                    
                     if(pageNo<totalPages)page+='<a href="javascript:void(0);" title="下一页" onclick="sub('+(pageNo+1)+');">&gt;</a>';
                     else if(pageNo==totalPages)page+='<a href="javascript:void(0);" title="下一页">&gt;</a>';
                    
                 }
                page+='&nbsp;&nbsp;<span>跳转到第<select id="pageNo" name="pageNo">';
                for(var i=1;i<=totalPages;i++){
                    page+='<option value="'+i+'"';
                    if(pageNo==i)page+=' selected="selected"';
                    page+='>'+i+'</option>';
                }    
                    
                page+='</select>&nbsp;页</span>';
                page+=' <img style="cursor:pointer;" onclick="ok();" src="image/queding.jpg" alt="" /></div>';
              return page;  

}


界面中调用sub(pageNo)函数;


function ok(){

    sub($("pageNo").val());

}



java代码:


public static String setPage(Integer pageNo,Integer pageSize,Integer totalPages,Integer totalResults){
                     StringBuilder page= new StringBuilder("<div class=\"pager\"><div class=\"a\">");
                     if(totalPages==1){
                         page.append("<a href=\"javascript:void(0);\" title=\"上一页\">上一页</a>&nbsp;&nbsp;");
                             page.append("<b>1</b>&nbsp;");
                                 page.append("&nbsp;<a href=\"javascript:void(0);\" title=\"下一页\">下一页</a>");
                     }
                     int totle=5;
                     if(totalPages>1){
                         if(pageNo>1){
                             page.append("<a href=\"javascript:void(0);\" title=\"上一页\" onclick=\"javascrpt:jumppage("+(pageNo-1)+");\">上一页</a>&nbsp;&nbsp;");
                         }else if(pageNo==1){
                             page.append("&nbsp;<a href=\"javascript:void(0);\" title=\"上一页\">上一页</a>");
                         }
                         
                         StringBuilder content = new StringBuilder("");
                         StringBuilder left = new StringBuilder("");
                         int leftlength=0;
                         StringBuilder right = new StringBuilder("");
                         int rightlength=0;
                         StringBuilder midle = new StringBuilder("");
                         for(int i=pageNo-totle/2;i<pageNo;i++){
                             if(i>0){
                                left.append("&nbsp;<a href=\"javascript:void(0);\" onclick=\"javascrpt:jumppage("+i+");\">"+i+"</a>&nbsp;&nbsp;");
                                leftlength++;
                             }
                         }
                         midle.append("&nbsp;<b>"+pageNo+"</b>&nbsp;");
                         for(int i=pageNo+1;i<=pageNo+totle/2;i++){
                             if(i<=totalPages){
                                 right.append("&nbsp;<a href=\"javascript:void(0);\" onclick=\"javascrpt:jumppage("+i+");\">"+i+"</a>&nbsp;");
                                 rightlength++;
                             }
                         }
                         
                         if(leftlength+rightlength < totle-1){
                            if(pageNo-leftlength-1>0 || pageNo+rightlength<totalPages){
                                 while(leftlength+rightlength<totle-1){
                                     if(pageNo-leftlength-1>0){
                                         leftlength++;
                                         left = new StringBuilder("&nbsp;<a href=\"javascript:void(0);\"  onclick=\"javascrpt:jumppage("+(pageNo-leftlength)+");\">"+(pageNo-leftlength)+"</a>&nbsp;").append(left);    
                                     }else if(pageNo+rightlength<totalPages){
                                         rightlength++;
                                         right.append("&nbsp;<a href=\"javascript:void(0);\" onclick=\"javascrpt:jumppage("+(pageNo+rightlength)+");\">"+(pageNo+rightlength)+"</a>&nbsp;");    
                                     }else break;
                                 }
                             }
                         }
                         content.append(left.toString()).append(midle.toString()).append(right.toString());
                        
                         if(pageNo-leftlength-1 > 1){
                             page.append("&nbsp;<a href=\"javascript:void(0);\" onclick=\"javascrpt:jumppage(1);\">"+1+"</a><span>...</span>");
                         }
                         else if(pageNo-leftlength-1 == 1) {
                             page.append("&nbsp;<a href=\"javascript:void(0);\" onclick=\"javascrpt:jumppage(1);\">"+1+"</a>&nbsp;");
                         }
                         page.append(content);
                        
                         if(pageNo+rightlength < totalPages-1){
                             page.append("<span>...</span><a href=\"javascript:void(0);\" onclick=\"javascrpt:jumppage("+totalPages+");\">"+totalPages+"</a>&nbsp;");
                        }
                         else if(pageNo+rightlength == totalPages-1){
                             page.append("&nbsp;<a href=\"javascript:void(0);\" onclick=\"javascrpt:jumppage("+totalPages+");\">"+totalPages+"</a>&nbsp;");
                         }
                        
                         if(pageNo<totalPages){
                             page.append("&nbsp;<a href=\"javascript:void(0);\" title=\"下一页\" onclick=\"javascrpt:jumppage("+(pageNo+1)+");\">下一页</a>&nbsp;");
                         }
                         else if(pageNo==totalPages){
                             page.append("&nbsp;<a href=\"javascript:void(0);\" title=\"下一页\">下一页</a>&nbsp;");;
                         }
                     }
                     page.append("</div></div>");;
                     return page.toString();  
    }


界面中调用jumppage(pageNo)函数;



原创粉丝点击