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 判断中文字符长度的函数代码
Aug 27 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
用JS在浏览器中创建下载文件
Mar 05 Javascript
javascript中闭包概念与用法深入理解
Dec 15 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
Aug 03 jQuery
详解angularjs跨页面传参遇到的一些问题
Nov 01 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
laravel实现中文和英语互相切换的例子
Sep 30 Javascript
微信小程序canvas截取任意形状的实现代码
Jan 13 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
Apr 15 Javascript
Vue中父子组件的值传递与方法传递
Sep 28 Javascript
html5 录制mp3音频支持采样率和比特率设置
Jul 15 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 缓存函数代码
2008/08/27 PHP
php生成rss类用法实例
2015/04/14 PHP
twig模板获取全局变量的方法
2016/02/05 PHP
PHP中addslashes与mysql_escape_string的区别分析
2016/04/25 PHP
php投票系统之增加与删除投票(管理员篇)
2016/07/01 PHP
js 获取后台的字段 改变 checkbox的被选中的状态 代码
2013/06/05 Javascript
jQuery对下拉框,单选框,多选框的操作
2014/02/21 Javascript
Javascript基础教程之数据类型 (数值 Number)
2015/01/18 Javascript
JS仿Windows开机启动Loading进度条的方法
2015/02/26 Javascript
使用ngView配合AngularJS应用实现动画效果的方法
2015/06/19 Javascript
怎么通过onclick事件获取js函数返回值(代码少)
2015/07/28 Javascript
AngularJs定制样式插入到ueditor中的问题小结
2016/08/01 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
js 原型对象和原型链理解
2017/02/09 Javascript
详解nodeJS中读写文件方法的区别
2017/03/06 NodeJs
微信小程序支付之c#后台实现方法
2017/10/19 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
jquery UI实现autocomplete在获取焦点时得到显示列表功能示例
2019/06/04 jQuery
vue数据响应式原理知识点总结
2020/02/16 Javascript
微信小程序动态添加和删除组件的现实
2020/02/28 Javascript
微信小程序wx.getUserInfo授权获取用户信息(头像、昵称)的实现
2020/08/19 Javascript
用python删除java文件头上版权信息的方法
2014/07/31 Python
梅尔倒谱系数(MFCC)实现
2019/06/19 Python
python把ipynb文件转换成pdf文件过程详解
2019/07/09 Python
Python requests模块session代码实例
2020/04/14 Python
解决PyCharm IDE环境下,执行unittest不生成测试报告的问题
2020/09/03 Python
CSS3的first-child选择器实战攻略
2016/04/28 HTML / CSS
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
2013/01/30 HTML / CSS
法人授权委托书
2014/04/03 职场文书
社区个人对照检查材料(群众路线)
2014/09/26 职场文书
网站出售协议书范文
2014/10/10 职场文书
2014年小学教研工作总结
2014/12/06 职场文书
导游词之山东孔庙
2019/11/04 职场文书
动视暴雪取消疫苗禁令 让所有员工返回线下工作
2022/04/03 其他游戏
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js