pagecontrol.js

实现数字翻页功能。js控件

//main
function pagetool(obj,page_size,current_page,record_total,url)
{
    var page_total = 0;
    if(record_total%page_size==0){
            page_total=record_total/page_size;
    }else {
            page_total=(record_total-record_total%page_size)/page_size + 1;
    }
	alert("  "+page_total);
   document.getElementById(obj).innerHTML=getPageInfo(obj, current_page, page_total, page_size, record_total, url);
}

//分页控件内容
function getPageInfo(obj,current_page,page_total,page_size,record_total,url)
{
   var begin_page=1;
   var prev_page = parseFloat(current_page)-1;
   var next_page = parseFloat(current_page)+1;
   var end_page = parseFloat(page_total);
   
   var begin_style = "disabled='disabled'";
   var prev_style = "disabled='disabled'";
   var next_style = "disabled='disabled'";
   var end_style = "disabled='disabled'";
   
   alert("  "+current_page);

   if(parseFloat(current_page)==1)
   {
        if(parseFloat(page_total)==1)
        {
            begin_style = "disabled='disabled'";
            prev_style = "disabled='disabled'";
            next_style = "disabled='disabled'";
            end_style = "disabled='disabled'";

        }else if(parseFloat(page_total)>1)
        {
            begin_style = "disabled='disabled'";
            prev_style = "disabled='disabled'";
            next_style = "";
            end_style = "";
        }
    }else if(parseFloat(current_page)>1)
    {   
        if(parseFloat(current_page)<parseFloat(page_total))
        {
            begin_style = "";
            prev_style = "";
            next_style = "";
            end_style = "";
        }else if(parseFloat(current_page)==parseFloat(page_total))
        {
            begin_style = "";
            prev_style = "";
            next_style = "disabled='disabled'";
            end_style = "disabled='disabled'";
        }
    }

    
    content = "<div align='left' id=PageControl>" + 
	  "<span>"+record_total+"</span>-<span>"+page_size+"</span>" + 
	  "<span>&nbsp;&nbsp;&nbsp;</span>" +
	  "<span>"+current_page+"</span>/<span>"+page_total+"</span>"+
          "<input type='button' name='btn_begin' id='btn_begin' " + begin_style +
          "onclick=\"pageUp('"+obj+"','"+begin_page+"','"+page_total+"','"+page_size+"','"+record_total+"','"+url+"');\" value='|<<' />"+
           "<input type='button' name='btn_prev' id='btn_prev' " + prev_style +
          "onclick=\"pageUp('"+obj+"','"+prev_page+"','"+page_total+"','"+page_size+"','"+record_total+"','"+url+"');\" value='<' />"
          
          //根据当前页码显示连链接
          if(parseFloat(current_page-4)<1)
          {
                for(var i=1;i<=parseFloat(page_total)&&i<=10;i++)
                {
                    content+="<input type='button' name='"+i+"' id='"+i+"'" +
          "onclick=\"pageUp('"+obj+"','"+i+"','"+page_total+"','"+page_size+"','"+record_total+"','"+url+"');\" value='"+i+"' />";
                }
          }else if(parseFloat(current_page)+5>parseFloat(page_total))
          {
                for(var i=parseFloat(page_total)-9;i<=parseFloat(page_total);i++)
                {
                    content+="<input type='button' name='"+i+"' id='"+i+"'" +
          "onclick=\"pageUp('"+obj+"','"+i+"','"+page_total+"','"+page_size+"','"+record_total+"','"+url+"');\" value='"+i+"' />";
                }
          }else {
                for(var i=parseFloat(current_page)-4;i<=parseFloat(current_page)+5;i++)
                {
                    content+="<input type='button' name='"+i+"' id='"+i+"'" +
          "onclick=\"pageUp('"+obj+"','"+i+"','"+page_total+"','"+page_size+"','"+record_total+"','"+url+"');\" value='"+i+"' />";
                }
          }
          content+= "<input type='button' name='btn_next' id='btn_next' " + next_style +
          "onclick=\"pageUp('"+obj+"','"+next_page+"','"+page_total+"','"+page_size+"','"+record_total+"','"+url+"');\" value='>' />"+
           "<input type='button' name='btn_end' id='btn_end' " + end_style +
          "onclick=\"pageUp('"+obj+"','"+end_page+"','"+page_total+"','"+page_size+"','"+record_total+"','"+url+"');\" value='>>|' />"+
          "<input type='text' id='jump' name='jump' size='1' maxlength='2'/>"+
          "<input type='button' name='gopage' id='gopage' onclick=\"return pageUp('"+obj+"',document.getElementById('jump').value,'"+page_total+"','"+page_size+"','"+record_total+"','"+url+"');\" value='GO' />\n"+
          "</div>";
          return content;
}


//翻页
function pageUp(obj, destiny_page, page_total, page_size, record_total, url)
{

        if(StringEmptyValidate(destiny_page)==false)
        {
            alert("请输入要跳转的页码！");return false;
        }else
	if(IntegerValidate(destiny_page.replace(/(^\s*)|(\s*$)/g, ""))==false)
	{
		alert("跳转页码只能输入数字！");return false;
	}else
	{
		if(parseFloat(destiny_page)>parseFloat(page_total))
		{
			alert("跳转页码不能大于第"+page_total+"页！");return false;
		}else
                if(parseFloat(destiny_page)<1)
                {
                        alert("跳转页码不能小于第1页！");return false;
                }else
		{
			document.location.href=url+"&destiny_page="+destiny_page+"&page_size="+page_size;
			document.getElementById(obj).innerHTML = getPageInfo(obj, destiny_page, page_total, page_size, record_total, url);return true;
		}
	}
}


/*正则表达式 只允许输入整数*/
function IntegerValidate(input_string)
{
    return(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/g.test(input_string));
}