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 相关文章推荐
jquery一般方法介绍 入门参考
Jun 21 Javascript
jquery实现简单的自动播放幻灯片效果
Jun 13 Javascript
给easyui的datebox控件添加清空按钮的实现方法
Nov 09 Javascript
bootstrap组件之导航组件使用方法
Jan 19 Javascript
详解Javascript 中的 class、构造函数、工厂函数
Dec 20 Javascript
浅谈vue的几种绑定变量的值 防止其改变的方法
Mar 01 Javascript
详解react关于事件绑定this的四种方式
Mar 09 Javascript
JavaScript 隐性类型转换步骤浅析
Mar 15 Javascript
微信小程序制作表格的方法
Feb 14 Javascript
js时间转换毫秒的实例代码
Aug 21 Javascript
JS document内容及样式操作完整示例
Jan 14 Javascript
vue 检测用户上传图片宽高的方法
Feb 06 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
自己动手,丰衣足食 - 短波框形天线制作
2021/03/01 无线电
用session做客户验证时的注意事项
2006/10/09 PHP
PHP+Mysql+jQuery实现发布微博程序 jQuery篇
2011/10/08 PHP
php中使用接口实现工厂设计模式的代码
2012/06/17 PHP
php inc文件使用的风险和注意事项
2013/11/12 PHP
destoon调用自定义模板及样式的公告栏
2014/06/21 PHP
php图片的二进制转换实现方法
2014/12/15 PHP
Laravel timestamps 设置为unix时间戳的方法
2019/10/11 PHP
JavaScript 数组循环引起的思考
2010/01/01 Javascript
Seajs的学习笔记
2014/03/04 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
2014/12/10 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
JavaScript获取页面中表单(form)数量的方法
2015/04/03 Javascript
JS+CSS实现的拖动分页效果实例
2015/05/11 Javascript
Javascript实现Array和String互转换的方法
2015/12/21 Javascript
JavaScript SweetAlert插件实现超酷消息警告框
2016/01/28 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
vue项目环境变量配置的实现方法
2018/10/12 Javascript
详解vue中async-await的使用误区
2018/12/05 Javascript
Nautil 中使用双向数据绑定的实现
2019/10/02 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
2020/01/21 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
OpenLayers3实现测量功能
2020/09/25 Javascript
python3大文件解压和基本操作
2017/12/15 Python
PyQt5显示GIF图片的方法
2019/06/17 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
python开发一个解析protobuf文件的简单编译器
2020/11/17 Python
canvas实现圆形进度条动画的示例代码
2017/12/26 HTML / CSS
全球领先的美容用品专卖店:Beauty Plus Salon
2018/09/04 全球购物
医药工作者的求职信范文
2013/09/21 职场文书
工业学校毕业生自荐信范文
2014/01/03 职场文书
网络编辑岗位职责范本
2014/02/10 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
班子四风对照检查材料思想汇报
2014/09/29 职场文书
完美解决golang go get私有仓库的问题
2021/05/05 Golang
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers