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 相关文章推荐
高性能WEB开发 flush让页面分块,逐步呈现 flush让页面分块,逐步呈现
Jun 19 Javascript
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
分享Javascript中最常用的55个经典小技巧
Nov 29 Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 Javascript
javascript设计模式--策略模式之输入验证
Nov 27 Javascript
基于JavaScript实现单选框下拉菜单添加文件效果
Jun 26 Javascript
总结在前端排序中遇到的问题
Jul 19 Javascript
jQuery插件Validation快速完成表单验证的方式
Jul 28 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
Aug 01 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
js+cavans实现图片滑块验证
Sep 29 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导入导出Excel代码
2015/07/07 PHP
PHP使用stream_context_create()模拟POST/GET请求的方法
2016/04/02 PHP
PHP中的使用curl发送请求(GET请求和POST请求)
2017/02/08 PHP
基于laravel-admin 后台 列表标签背景的使用方法
2019/10/03 PHP
解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题
2019/10/14 PHP
laravel 使用事件系统统计浏览量的实现
2019/10/16 PHP
javascript IE中的DOM ready应用技巧
2008/07/23 Javascript
javascript 定义新对象方法
2010/02/20 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
解析javascript中鼠标滚轮事件
2015/05/26 Javascript
js传值后台中文出现乱码的解决方法
2016/06/30 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
2017/05/10 Javascript
Node.js Koa2使用JWT进行鉴权的方法示例
2018/08/17 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
2018/11/25 Javascript
vue组件实践之可搜索下拉框功能
2018/11/25 Javascript
js实现QQ邮箱邮件拖拽删除功能
2020/08/27 Javascript
python映射列表实例分析
2015/01/26 Python
用Python实现web端用户登录和注册功能的教程
2015/04/30 Python
由浅入深讲解python中的yield与generator
2017/04/05 Python
python进阶_浅谈面向对象进阶
2017/08/17 Python
Python虚拟环境项目实例
2017/11/20 Python
python super的使用方法及实例详解
2019/09/25 Python
python二元表达式用法
2019/12/04 Python
详解Pandas 处理缺失值指令大全
2020/07/30 Python
CSS3 实现发光边框特效
2020/11/11 HTML / CSS
英国领先的办公用品供应商:Viking
2016/08/01 全球购物
洲际酒店集团大中华区:IHG中国
2016/08/17 全球购物
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
介绍一下木马病毒的种类
2015/07/26 面试题
高级Java程序员面试题
2016/06/23 面试题
宠物店的创业计划书范文
2014/01/11 职场文书
高三学习决心书
2014/03/11 职场文书
售后客服个人自我评价
2014/09/14 职场文书
质量保证书格式
2015/02/27 职场文书
二审答辩状范文
2015/05/22 职场文书
如何理解PHP核心特性命名空间
2021/05/28 PHP