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 相关文章推荐
JQuery操作Select的Options的Bug(IE8兼容性视图模式)
Apr 21 Javascript
javascript获取ckeditor编辑器的值(实现代码)
Nov 18 Javascript
textarea 控制输入字符字节数(示例代码)
Dec 27 Javascript
JQuery鼠标移到小图显示大图效果的方法
Jun 10 Javascript
webpack入门+react环境配置
Feb 08 Javascript
详解Vue中过度动画效果应用
May 25 Javascript
完美解决axios在ie下的兼容性问题
Mar 05 Javascript
解决JavaScript layui 下拉框不显示的问题
Aug 14 Javascript
基于vue、react实现倒计时效果
Aug 26 Javascript
浅谈监听单选框radio改变事件(和layui中单选按钮改变事件)
Sep 10 Javascript
一起写一个即插即用的Vue Loading插件实现
Oct 31 Javascript
vue-cli设置css不生效的解决方法
Feb 07 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
PHP 最大运行时间 max_execution_time修改方法
2010/03/08 PHP
PHP跨时区(UTC时间)应用解决方案
2013/01/11 PHP
php表单提交实例讲解
2015/11/12 PHP
PHP实现根据时间戳获取周几的方法
2016/02/26 PHP
PHP图片水印类的封装
2017/07/06 PHP
PHP getID3类的使用方法学习笔记【附getID3源码下载】
2019/10/18 PHP
PHP并发场景的三种解决方案代码实例
2021/02/27 PHP
清华大学出版的事半功倍系列 javascript全部源代码
2007/05/04 Javascript
javascript中利用数组实现的循环队列代码
2010/01/24 Javascript
JavaScript Chart 插件整理
2010/06/18 Javascript
JS自动缩小超出大小的图片
2012/10/12 Javascript
window.event.keyCode兼容IE和Firefox实现js代码
2013/05/30 Javascript
jQuery Mobile 导航栏代码
2013/11/01 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
探讨javascript是不是面向对象的语言
2013/11/21 Javascript
优化javascript的执行效率一些方法总结
2013/12/25 Javascript
jQuery显示和隐藏 常用的状态判断方法
2015/01/29 Javascript
javascript事件模型实例分析
2015/01/30 Javascript
jQuery实现Div拖动+键盘控制综合效果的方法
2015/03/10 Javascript
Bootstrap表单组件教程详解
2016/04/26 Javascript
简单实现AngularJS轮播图效果
2020/04/10 Javascript
JS实现课堂随机点名和顺序点名
2017/03/09 Javascript
如何制作一个Node命令行图像识别工具
2018/12/12 Javascript
vue移动端实现手机左右滑动入场动画
2020/06/17 Javascript
Element InputNumber 计数器的实现示例
2020/08/03 Javascript
用Python的Flask框架结合MySQL写一个内存监控程序
2015/11/07 Python
解决Python requests 报错方法集锦
2017/03/19 Python
详解python编译器和解释器的区别
2019/06/24 Python
Python使用get_text()方法从大段html中提取文本的实例
2019/08/27 Python
Python实现括号匹配方法详解
2020/02/10 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
秋季校运动会广播稿
2014/02/23 职场文书
小学生爱国演讲稿
2014/04/25 职场文书
2015秋季开学典礼新闻稿
2015/07/17 职场文书
如何用python插入独创性声明
2021/03/31 Python