js下通过getList函数实现分页效果的代码


Posted in Javascript onSeptember 17, 2010

用js实现页面的分页:

<table border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#D2EBF3;" height="32"> 
<tr><td align="right" bgColor="#f7f7f7" height="36"> 
<a href="javascript:void(0)" onclick="getPage(-1)" style="visibility :visible " id="up">上一页</a> 
<a href="javascript:void(0)" onclick="getPage(1)" style="visibility :visible " id="next">下一页</a> 
<a href="javascript:void(0)" onclick="getPage(0)" style="visibility :visible ">首页</a> 
<a href="javascript:void(0)" onclick="getPage(11)">尾 页</a> 
<form name="form1" id="form2"> 
<select name='PageCtl1_select' id="select" onchange='SD_Web_PageCtlGoOtherPage(this.value);' style="width: 30px"></select> //按下拉显示页数 
</form> 
</td> </tr> 
</table>

getPage()为js函数,如下:
//参数说明:lblPostsCount:总共记录条数,由getActivityCount获得;iPageIndex:全局变量,当前页数 
function getPage(page) 
{ 
if(page==0)//回到首页 
{ 
iPageIndex=1; 
document.form1.PageCtl1_select.options[iPageIndex-1].selected="true"; //下拉框显示第几页,数组从0开始 
getActivityList(1); 
} 
else if(page==11)//回到尾页 
{ iPageIndex=Math.round (lblPostsCount/6); 
document.form1.PageCtl1_select.options[iPageIndex-1].selected="true"; 
getActivityList(iPageIndex); 
} 
else //上一页,下一页 
{ 
iPageIndex=iPageIndex+page; 
if(iPageIndex<=0) //如果是第一页还点上一页,还是保持在第一页 
iPageIndex=1; 
else if(iPageIndex>Math.round (lblPostsCount/6))//如果是最后一页还点下一页,保持在最后一页 
iPageIndex=Math.round (lblPostsCount/6); 
else 
{ 
document.form1.PageCtl1_select.options[iPageIndex-1].selected="true"; 
getActivityList(iPageIndex);//调用List清单 
} 
} 
} 
function getActivityCount() //获取记录条数 
{ 
var variable=['strWhere']; 
var value=new Array(1); 
value[0]="iStatus=2 and iPublic=5"; 
newRequest("getActivityCount",variable,value,getAllActivityCountShow); 
beginRequest(); 
} 
function getAllActivityCountShow() 
{ 
var xmlhttp=xmlHttpRequest; 
  var str=xmlhttp.responseText; 

 var value=GetValue(str,"getActivityCountResult"); 

 lblPostsCount=value; //记录总数 
  document.form1.PageCtl1_select.length=0; //初始下拉框,把页数付给下拉框的value值和text显示; 
for(i=1;i<=Math.round (lblPostsCount/6);i++) 
{ 
var option=document.createElement("option"); 
option.value=i; 
option.text=i; 
document.form1.PageCtl1_select.options.add(option); 
} 
}

按下拉框显示第几页函数:

function SD_Web_PageCtlGoOtherPage(pageNo) 
{ 
getActivityList(pageNo); 
}
Javascript 相关文章推荐
iframe的onload在Chrome/Opera中执行两次Bug的解决方法
Mar 17 Javascript
Js中获取frames中的元素示例代码
Jul 30 Javascript
JavaScript实现找出数组中最长的连续数字序列
Sep 03 Javascript
javascript中tostring()和valueof()的用法及两者的区别
Nov 16 Javascript
jQuery mobile类库使用时加载导航历史的方法简介
Dec 04 Javascript
轻松实现js图片预览功能
Jan 18 Javascript
AngularJS中处理多个promise的方式
Feb 02 Javascript
谈谈第三方App接入微信登录 解读
Dec 27 Javascript
Vue与Node.js通过socket.io通信的示例代码
Jul 25 Javascript
js实现图片放大并跟随鼠标移动特效
Jan 18 Javascript
微信小程序文字显示换行问题
Jul 28 Javascript
详解从vue-loader源码分析CSS Scoped的实现
Sep 23 Javascript
前端开发的开始---基于面向对象的Ajax类
Sep 17 #Javascript
基于jquery的仿百度的鼠标移入图片抖动效果
Sep 17 #Javascript
js下用eval生成JSON对象
Sep 17 #Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
Sep 16 #Javascript
Bookmarklet实现启动jQuery(模仿 云输入法)
Sep 15 #Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件打包下载
Sep 15 #Javascript
基于JQuery的简单实现折叠菜单代码
Sep 15 #Javascript
You might like
PhpMyAdmin出现export.php Missing parameter: what /export_type错误解决方法
2012/08/09 PHP
php的mkdir()函数创建文件夹比较安全的权限设置方法
2014/07/28 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
PHP文件类型检查及fileinfo模块安装使用详解
2019/05/09 PHP
滚动经典最新话题[prototype框架]下编写
2006/10/03 Javascript
jquery ajax学习笔记2 使用XMLHttpRequest对象的responseXML
2011/10/16 Javascript
浅析js中的浮点型运算问题
2014/01/06 Javascript
jquery实现通用的内容渐显Tab选项卡效果
2015/09/07 Javascript
浅析JSONP技术原理及实现
2016/06/08 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
2017/03/01 Javascript
微信小程序 动态传参实例详解
2017/04/27 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
vue-router单页面路由
2017/06/17 Javascript
利用纯JS实现像素逐渐显示的方法示例
2017/08/14 Javascript
JavaScript设计模式之责任链模式实例分析
2019/01/16 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
了解javascript中变量及函数的提升
2019/05/27 Javascript
highcharts.js数据绑定方式代码实例
2019/11/13 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
js+canvas实现画板功能
2020/09/13 Javascript
[03:11]2014DOTA2国际邀请赛-VG掉入败者组 独家专访357
2014/07/19 DOTA
[40:05]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[54:18]DOTA2-DPC中国联赛 正赛 PSG.LGD vs LBZS BO3 第一场 1月22日
2021/03/11 DOTA
从0开始的Python学习014面向对象编程(推荐)
2019/04/02 Python
python实现Excel文件转换为TXT文件
2019/04/28 Python
12个步骤教你理解Python装饰器
2019/07/01 Python
python中的global关键字的使用方法
2019/08/20 Python
python如何从文件读取数据及解析
2019/09/19 Python
使用matplotlib动态刷新指定曲线实例
2020/04/23 Python
iHerb香港:维生素、补充剂和天然保健品
2017/08/01 全球购物
写自荐信有哪些不宜?
2013/10/17 职场文书
股权转让协议书范本
2014/04/12 职场文书
抗震救灾标语
2014/06/26 职场文书
高中生毕业评语
2014/12/30 职场文书
教学反思怎么写
2016/02/24 职场文书
导游词之无锡华莱坞
2019/12/02 职场文书