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禁止小键盘输入数字功能代码
Aug 01 Javascript
js不能跳转到上一页面的问题解决方法
Mar 01 Javascript
jQuery UI设置固定日期选择特效代码分享
Aug 27 Javascript
JavaScript调用传递变量参数的相关问题及解决办法
Nov 01 Javascript
关于JS变量和作用域详解
Jul 28 Javascript
jQuery实现侧浮窗与中浮窗切换效果的方法
Sep 05 Javascript
性能优化之代码优化页面加载速度
Mar 01 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
Mar 15 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 Javascript
jQuery zTree插件快速实现目录树
Aug 16 jQuery
前端开发的开始---基于面向对象的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 之Section与Cookie使用总结
2012/09/14 PHP
php计算两个文件相对路径的方法
2015/03/14 PHP
在你的网页中嵌入外部网页的方法
2007/04/02 Javascript
jquery下onpropertychange事件的绑定方法
2010/08/01 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
JavaScript中使用指数方法Math.exp()的简介
2015/06/15 Javascript
node.js中格式化数字增加千位符的几种方法
2015/07/03 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
2016/05/05 Javascript
[js高手之路]设计模式系列课程-发布者,订阅者重构购物车的实例
2017/08/29 Javascript
微信小程序画布圆形进度条显示效果
2020/11/17 Javascript
理顺8个版本vue的区别(小结)
2018/09/17 Javascript
layer关闭弹出窗口触发表单提交问题的处理方法
2019/09/25 Javascript
微信小程序如何通过用户授权获取手机号(getPhoneNumber)
2020/01/21 Javascript
[50:58]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 Mineski vs EG
2018/04/03 DOTA
Python os模块介绍
2014/11/30 Python
python的keyword模块用法实例分析
2015/06/30 Python
10个python3常用排序算法详细说明与实例(快速排序,冒泡排序,桶排序,基数排序,堆排序,希尔排序,归并排序,计数排序)
2020/03/17 Python
Python中使用socks5设置全局代理的方法示例
2020/04/15 Python
Django ORM 查询表中某列字段值的方法
2020/04/30 Python
英国最红的高街时尚品牌:Topshop
2016/08/05 全球购物
美国珠宝网上商店:Jeulia
2016/09/01 全球购物
TheFork葡萄牙:欧洲领先的在线餐厅预订平台
2019/05/27 全球购物
Ben Sherman官方网站:英国男装品牌
2019/10/22 全球购物
德国户外装备、登山运动和攀岩商店:tapir store
2020/02/12 全球购物
幼儿园元旦亲子活动方案
2014/02/17 职场文书
计算机应用专业自荐信
2014/07/05 职场文书
机关作风建设工作总结
2014/10/23 职场文书
优秀护士事迹材料
2014/12/25 职场文书
给领导的感谢信范文
2015/01/23 职场文书
毕业生党员个人总结
2015/02/14 职场文书
中学生综合素质自我评价
2015/03/06 职场文书
职场新人知识:如何制定一份合理的工作计划?
2019/09/11 职场文书
使用php的mail()函数实现发送邮件功能
2021/06/03 PHP
MongoDB orm框架的注意事项及简单使用
2021/06/20 MongoDB
Go语言并发编程 sync.Once
2021/10/16 Golang