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 相关文章推荐
Javascript继承(上)——对象构建介绍
Nov 08 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
js常用系统函数用法实例分析
Jan 12 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
Jul 29 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
jquery编写日期选择器
Mar 16 Javascript
validationEngine 表单验证插件使用实例代码
Jun 15 Javascript
JS非空验证及邮箱验证的实例
Aug 11 Javascript
Vue中使用Sortable的示例代码
Apr 07 Javascript
Vue 中使用 CSS Modules优雅方法
Apr 09 Javascript
详解vue 图片上传功能
Apr 30 Javascript
vue+koa2实现session、token登陆状态验证的示例
Aug 30 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
实现dedecms全站URL静态化改造的代码
2007/03/29 PHP
php对gzip文件或者字符串解压实例参考
2008/07/25 PHP
PHP中SESSION使用中的一点经验总结
2012/03/30 PHP
php全局变量和类配合使用深刻理解
2013/06/05 PHP
常见PHP数据库解决方案分析介绍
2015/09/24 PHP
Zend Framework开发入门经典教程
2016/03/23 PHP
yii通过小物件生成view的方法
2016/10/08 PHP
PDO::errorCode讲解
2019/01/28 PHP
jquery 操作DOM案例代码分享
2012/04/05 Javascript
JS实现日期加减的方法
2013/11/29 Javascript
邮箱下拉自动填充选择示例代码附图
2014/04/03 Javascript
jQuery on方法传递参数示例
2014/12/09 Javascript
Bootstrap编写一个同时适用于PC、平板、手机的登陆页面
2016/06/30 Javascript
JavaScript使用Range调色及透明度实例
2016/09/25 Javascript
JS双击变input框批量修改内容
2016/12/12 Javascript
JQuery属性操作与循环用法示例
2019/05/15 jQuery
搭建一个Koa后端项目脚手架的方法步骤
2019/05/30 Javascript
Vue  webpack 项目自动打包压缩成zip文件的方法
2019/07/24 Javascript
解决vue项目axios每次请求session不一致的问题
2020/10/24 Javascript
python使用urllib模块和pyquery实现阿里巴巴排名查询
2014/01/16 Python
pyqt和pyside开发图形化界面
2014/01/22 Python
浅谈python jieba分词模块的基本用法
2017/11/09 Python
Python实现对一个函数应用多个装饰器的方法示例
2018/02/09 Python
数组保存为txt, npy, csv 文件, 数组遍历enumerate的方法
2018/07/09 Python
Python实现曲线拟合操作示例【基于numpy,scipy,matplotlib库】
2018/07/12 Python
python爬虫爬取微博评论案例详解
2019/03/27 Python
如何为Python终端提供持久性历史记录
2019/09/03 Python
python 如何去除字符串头尾的多余符号
2019/11/19 Python
浅谈Python协程
2020/06/17 Python
浅谈keras.callbacks设置模型保存策略
2020/06/18 Python
python 模拟登录B站的示例代码
2020/12/15 Python
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
总经理驾驶员岗位职责
2013/12/04 职场文书
中专生职业生涯规划书范文
2013/12/29 职场文书
服务理念标语
2014/06/18 职场文书
村党支部对照检查材料思想汇报
2014/09/28 职场文书