一个较简易的分页javascript类
来源:互联网 发布:mysql更新语句怎么写 编辑:程序博客网 时间:2024/04/30 08:06
/**
* Pager.js
* @author BLACK CAT
* @email 34298824@qq.com
* @version 1.0
* sample:
* window.onload=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);
}
}
* Pager.js
* @author BLACK CAT
* @email 34298824@qq.com
* @version 1.0
* sample:
* window.onload=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);
}
}
- 一个较简易的分页javascript类
- 一个较简易的分页javascript类
- PHP实现一个简易的分页类
- 功能较全的php分页类
- JavaScript实现一个简易的计算器
- JavaScript写一个简易的抽奖系统
- 自己写的简易分页类
- 简易分页类
- javascript下写的一个分页模板
- 较快的JSP分页程序
- 较快的数据库分页算法[SQL]
- 为CheckBox和DropDownList添加一个简易的JavaScript
- 利用javaScript做一个简易的图片展示
- 一个分页的类
- 一个较能通用的C#画曲线类
- 一个较能通用的C#画曲线类(转)
- 一个较完整的LUA COCOS2DX 操作“类”
- jdbc数据库操作的"工厂类"及较高性能的分页代码
- [b/s]使用 Ajax 操纵 Lotus Notes 文档
- [ASP.NET学习笔记之五]ASP.NET 中的缓存功能介绍
- 项目测试反馈规则
- TEST
- Design Patterns -- Factory Method
- 一个较简易的分页javascript类
- Lotus Sametime 开发入门: 使用客户端 ToolKit 与 Sametime 服务器交互
- Biztalk 实例之 从SQL Server中获取数据
- [ASP.NET学习笔记之六]开发高性能的ADO.NET应用
- 经典收藏 C++内存管理操作详解
- 程序人生 - 开发工程师人生之路
- ClearCase Deliver过程解析
- 贝多芬的弦乐四重奏
- TEST3