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 相关文章推荐
js程序中美元符号$是什么
Jun 05 Javascript
js继承的实现代码
Aug 05 Javascript
js调用webservice中的方法实现思路及代码
Feb 25 Javascript
jQuery实现 注册时选择阅读条款 左右移动
Apr 11 Javascript
jQuery的slideToggle方法实例
May 07 Javascript
js实现div层缓慢收缩与展开的方法
May 11 Javascript
javascript设计模式之单体模式学习笔记
Feb 15 Javascript
JS switch判断 三目运算 while 及 属性操作代码
Sep 03 Javascript
angular项目中bootstrap-datetimepicker时间插件的使用示例
Mar 15 Javascript
AngularJS $http post 传递参数数据的方法
Oct 09 Javascript
Vue Echarts实现可视化世界地图代码实例
May 07 Javascript
layui使用表格渲染获取行数据的例子
Sep 13 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
星际争霸 Starcraft 秘技补丁
2020/03/14 星际争霸
espresso double下 咖啡粉超细时 饼压力对咖啡的影响
2021/03/03 冲泡冲煮
Mysql和网页显示乱码解决方法集锦
2008/03/27 PHP
php 采集书并合成txt格式的实现代码
2009/03/01 PHP
七款最流行的PHP本地服务器分享
2013/02/19 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
JS启动应用程序的一个简单例子
2008/05/11 Javascript
javascript 拖放效果实现代码
2010/01/22 Javascript
通过JS自动隐藏手机浏览器的地址栏实现原理与代码
2013/01/02 Javascript
js图片预加载示例
2014/04/30 Javascript
javascript中的nextSibling使用陷(da)阱(keng)
2014/05/05 Javascript
理运用命名空间让js不产生冲突避免全局变量的泛滥
2014/06/15 Javascript
JavaScript window.location对象
2014/11/14 Javascript
jQuery插件PageSlide实现左右侧栏导航菜单
2015/04/12 Javascript
jQuery构造函数init参数分析续
2015/05/13 Javascript
jquery实现图片放大镜功能
2015/11/23 Javascript
jQuery数据类型小结(14个)
2016/01/08 Javascript
JQuery日期插件datepicker的使用方法
2016/03/03 Javascript
深入分析javascript中console命令
2016/08/14 Javascript
vue动态设置img的src路径实例
2018/09/18 Javascript
Vue CLI2升级至Vue CLI3的方法步骤
2019/05/20 Javascript
详解Angular Karma测试的持续集成实践
2019/11/15 Javascript
python实现Windows电脑定时关机
2018/06/20 Python
在python中将list分段并保存为array类型的方法
2019/07/15 Python
Python run()函数和start()函数的比较和差别介绍
2020/05/03 Python
python em算法的实现
2020/10/03 Python
python 6种方法实现单例模式
2020/12/15 Python
自动化职业生涯规划书范文
2014/01/03 职场文书
教导处工作制度
2014/01/18 职场文书
财务情况说明书范文
2014/05/06 职场文书
个人校本研修方案
2014/05/26 职场文书
学校总务处领导干部个人对照检查材料思想汇报
2014/10/06 职场文书
中学校园广播稿
2015/08/18 职场文书
《所见》教学反思
2016/02/23 职场文书
如何用threejs实现实时多边形折射
2021/05/07 Javascript
vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决
2022/04/06 Vue.js