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 相关文章推荐
在网页中控制wmplayer播放器
Jul 01 Javascript
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 Javascript
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
Dec 28 Javascript
javascript中获取下个月一号,是星期几
Jun 01 Javascript
js window.onload 加载多个函数和追加函数详解
Jan 08 Javascript
js实现用户输入的小写字母自动转大写字母的方法
Jan 21 Javascript
详解angularjs的数组传参方式的简单实现
Jul 28 Javascript
js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能
Jan 09 Javascript
js经验分享 JavaScript反调试技巧
Mar 10 Javascript
VuePress 快速踩坑小结
Feb 14 Javascript
浅谈JS和jQuery的区别
Mar 27 jQuery
JS实现动态添加外部js、css到head标签的方法
Jun 05 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开发环境配置记录
2011/01/14 PHP
详解在PHP的Yii框架中使用行为Behaviors的方法
2016/03/18 PHP
PHP实现微信商户支付企业付款到零钱功能
2018/09/30 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
精解window.setTimeout()&amp;window.setInterval()使用方式与参数传递问题!
2007/11/23 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
2013/12/16 Javascript
JQuery结合CSS操作打印样式的方法
2013/12/24 Javascript
jQuery 仿百度输入标签插件附效果图
2014/07/04 Javascript
Javascript中的Prototype到底是什么
2016/02/16 Javascript
jQuery+Pdo编写login登陆界面
2016/08/01 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
利用jQuery插件imgAreaSelect实现获得选择域的图像信息
2016/12/02 Javascript
js实现刷新页面后回到记录时滚动条的位置【两种方案可选】
2016/12/12 Javascript
webpack打包并将文件加载到指定的位置方法
2018/02/22 Javascript
vue使用$emit时,父组件无法监听到子组件的事件实例
2018/02/26 Javascript
详谈js的变量提升以及使用方法
2018/10/06 Javascript
vue-cli 首屏加载优化问题
2018/11/06 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
2020/02/12 Javascript
微信小程序12行js代码自己写个滑块功能(推荐)
2020/07/15 Javascript
详解在Python程序中使用Cookie的教程
2015/04/30 Python
Python的Twisted框架上手前所必须了解的异步编程思想
2016/05/25 Python
python去除空格和换行符的实现方法(推荐)
2017/01/04 Python
Python3.7中安装openCV库的方法
2018/07/11 Python
Python使用pickle模块储存对象操作示例
2018/08/15 Python
利用Django-environ如何区分不同环境
2018/08/26 Python
Python实现定时自动关闭的tkinter窗口方法
2019/02/16 Python
python删除列表元素的三种方法(remove,pop,del)
2019/07/22 Python
python cv2读取rtsp实时码流按时生成连续视频文件方式
2019/12/25 Python
Django 解决上传文件时,request.FILES为空的问题
2020/05/20 Python
捐书寄语赠言
2014/01/18 职场文书
创建省级文明单位实施方案
2014/02/27 职场文书
2015年社区妇联工作总结
2015/04/21 职场文书
法人代表资格证明书
2015/06/18 职场文书
鲁滨逊漂流记读书笔记
2015/06/26 职场文书
redis实现排行榜功能
2021/05/24 Redis
mysql分表之后如何平滑上线详解
2021/11/01 MySQL