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 相关文章推荐
解决FireFox下[使用event很麻烦]的问题
Nov 26 Javascript
8个超棒的学习 jQuery 的网站 推荐收藏
Apr 02 Javascript
javascript 拖动表格行实现代码
May 05 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
Nov 29 Javascript
jquery中one()方法的用法实例
Jan 16 Javascript
PHPMyAdmin导入时提示文件大小超出PHP限制的解决方法
Mar 30 Javascript
简介alert()与console.log()的不同
Aug 26 Javascript
AngularJs Scope详解及示例代码
Sep 01 Javascript
AngularJS $injector 依赖注入详解
Sep 14 Javascript
JS刷新父窗口的几种方式小结(推荐)
Nov 09 Javascript
原生js实现无缝轮播图效果
Jan 11 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
Aug 12 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 flush 函数使用注意事项
2016/08/26 PHP
innerHTML,outerHTML,innerTEXT三者之间的区别
2007/01/28 Javascript
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
asp 取文本框名称代码
2008/12/02 Javascript
JQuery 网站换肤功能实现代码
2009/11/02 Javascript
jQuery在vs2008及js文件中的无智能提示的解决方法
2010/12/30 Javascript
jquery实现最简单的滑动菜单效果代码
2015/09/12 Javascript
分享javascript计算时间差的示例代码
2020/03/19 Javascript
Bootstrap的fileinput插件实现多文件上传的方法
2016/09/05 Javascript
Javascript this 函数深入详解
2016/12/13 Javascript
深入理解jquery中的each用法
2016/12/14 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
详解webpack loader和plugin编写
2018/10/12 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
2019/03/06 Javascript
详解vue使用$http服务端收不到参数
2019/04/19 Javascript
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
解决layui的input独占一行的问题
2019/09/10 Javascript
python实现数值积分的Simpson方法实例分析
2015/06/05 Python
Python实现删除当前目录下除当前脚本以外的文件和文件夹实例
2015/07/27 Python
Python2.7编程中SQLite3基本操作方法示例
2017/08/09 Python
详解如何在python中读写和存储matlab的数据文件(*.mat)
2018/02/24 Python
python之django母板页面的使用
2018/07/03 Python
详解windows python3.7安装numpy问题的解决方法
2018/08/13 Python
Python3.5 处理文本txt,删除不需要的行方法
2018/12/10 Python
Python面向对象进阶学习
2019/05/21 Python
对Pytorch神经网络初始化kaiming分布详解
2019/08/18 Python
Pycharm最新激活码2019(推荐)
2019/12/31 Python
解决Python logging模块无法正常输出日志的问题
2020/02/21 Python
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
联想香港官方网站及网店:Lenovo香港
2018/04/13 全球购物
奠基仪式主持词
2014/03/20 职场文书
幼儿园毕业典礼主持词
2014/03/21 职场文书
国庆节演讲稿范文2014
2014/09/19 职场文书
篮球比赛通讯稿
2015/07/18 职场文书
JavaScript实现复选框全选功能
2021/04/11 Javascript
golang 生成对应的数据表struct定义操作
2021/04/28 Golang