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 相关文章推荐
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
Sep 21 Javascript
js实现随机抽选效果、随机抽选红色球效果
Jan 13 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
Jun 06 Javascript
js保留两位小数方法总结
Jan 31 Javascript
vue select选择框数据变化监听方法
Aug 24 Javascript
详解vue-router数据加载与缓存使用总结
Oct 29 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
Mar 06 Javascript
Vue js 的生命周期(看了就懂)(推荐)
Mar 29 Javascript
JS中数组实现代码(倒序遍历数组,数组连接字符串)
Dec 29 Javascript
让mocha支持ES6模块的方法实现
Jan 14 Javascript
Vue组件模板的几种书写形式(3种)
Feb 19 Javascript
浅析VUE防抖与节流
Nov 24 Vue.js
前端开发的开始---基于面向对象的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+JS无限级可伸缩菜单详解(简单易懂)
2007/01/02 PHP
PHP 模拟登陆MSN并获得用户信息
2009/05/16 PHP
php下通过伪造http头破解防盗链的代码
2010/07/03 PHP
浅谈使用 PHP 进行手机 APP 开发(API 接口开发)
2014/08/11 PHP
thinkPHP框架中执行原生SQL语句的方法
2017/10/25 PHP
详细分析PHP 命名空间(namespace)
2020/06/30 PHP
用javascript动态调整iframe高度的方法
2007/03/06 Javascript
取键盘键位ASCII码的网页
2007/07/30 Javascript
JavaScript入门教程(10) 认识其他对象
2009/01/31 Javascript
一个js写的日历(代码部分网摘)
2009/09/20 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
简单常用的幻灯片播放实现代码
2013/09/25 Javascript
js获取下拉列表框中的value和text的值示例代码
2014/01/11 Javascript
jquery选择器之基本过滤选择器详解
2014/01/27 Javascript
js propertychange和oninput事件
2014/09/28 Javascript
javacript使用break内层跳出外层循环分析
2015/01/12 Javascript
Python脚本后台运行的几种方式
2015/03/09 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
Vue.JS入门教程之事件监听
2016/12/01 Javascript
原生js实现类似fullpage的单页/全屏滚动
2017/01/22 Javascript
ES6新特性之变量和字符串用法示例
2017/04/01 Javascript
JS跨域请求的问题解析
2018/12/03 Javascript
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
Python中的魔法方法深入理解
2014/07/09 Python
python 爬取微信文章
2016/01/30 Python
Python基础教程之正则表达式基本语法以及re模块
2016/03/25 Python
从源码解析Python的Flask框架中request对象的用法
2016/06/02 Python
解析Python中的生成器及其与迭代器的差异
2016/06/20 Python
Python实现Linux的find命令实例分享
2017/06/04 Python
python K近邻算法的kd树实现
2018/09/06 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
VScode连接远程服务器上的jupyter notebook的实现
2020/04/23 Python
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
Android开发之底部导航栏的快速实现
2022/04/28 Java/Android