一个较简易的分页javascript类

/**
* Pager.js
* @author BLACK CAT
* @email 
34298824@qq.com
* @version 1.0
* sample:
*  window.οnlοad=function(){
*  var pager=new Pager(4,10,'pageCodeContainerID','formID');
*  pager.init();
*  pager.view('pager','pagerContainerID');
*  }
*  _currentPage:当前页码
*  _pageSum: 页总数
*  _pageCodeContainer:页码容器元素ID,包含在表单中
*  _pagerActionForm:用于发送分页请求的表单ID
*
*
*  如果有人觉得还有点用途,可以任意修改使用:)
*/
function Pager(_currentPage,_pageSum,_pageCodeContainer,_pagerActionForm)
{
 var pageNum=_pageSum;
 var currentPage=_currentPage;
 var list=new Array();
 /**
 * 类似于google的滚动分页
 */
 this.init=function()
 {
  for(var k=currentPage-3;k<=currentPage+3;k++)
  {
   if(k<0)continue;
   if(k>=pageNum)break;
   
   list.push(k);
  }
 }
 this.thePage=function(_page)
 {
  this.get(_pageCodeContainer).value=_page;
  this.get(_pagerActionForm).submit();
 }
 /**
 * _pager:分页类对象
 * _pagerContainer:分页导航条放置的容器元素ID
 */
 this.view=function(_pager,_pagerContainer)
 {
  var viewDIV="<div>";
  viewDIV+="<table border='0' cellspacing='0' cellpadding='0' class='pager'><tr>";
  viewDIV+="<td width='35px' class='pager_head'><a href='javascript:"+_pager+".thePage(1);'>首页</a></td>";
  
  var length=list.length;
  var page=0;
  for(var k=0;k<length;k++)
  {
   page=list[k]+1;
   viewDIV+="<td width='25px' class='pager_code'><a href='javascript:"+_pager+".thePage("+page+");'>"+page+"</a></td>";
  }
  viewDIV+="<td width='35px' class='pager_end'><a href='javascript:"+_pager+".thePage("+pageNum+");'>尾页</a></td>";
  
  viewDIV+="</tr></table>";
  viewDIV+="</div>";
  
  var pagerContainer=document.getElementById(_pagerContainer);
  pagerContainer.innerHTML=viewDIV;
 }
 this.get=function(id)
 {
  return document.getElementById(id);
 }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值