JQuery实现在分页的时候添加一个设置每页显示多少条数据的功能

ocaicai

浏览: 439123 次
性别:
来自: 成都

最近访客更多访客>>

u012363178

xdg

lengzl

scotttom020

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript、css.、JQuery
SSH

jquery sns 分页

尽管现在微博或者SNS类的网站流行一页一页的下拉累加，或者这个是出于放缓用户的浏览速度，而且回看的时候不用重新请求了；但是这是以牺牲页码导航为代价的，因为如果你当前在第二页要到第10页你就得一页一页的下拉。
基于此如果在页码导航的情况下再添加一个设置每页显示多少条数据的功能，那么应该很有灵活性了。下面是浏览器端的JQuery实现：

<html>

	<head>
		<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
		<script type="text/javascript">

		var pageSize="20";//Pager对象的pageSize属性值

		$(document).ready(function(){

			//用于页面初始化的时候选中与Pager对象的pageSize属性值相同的option
			$(".pageSize").each(function(){
				if($(this).val()==pageSize){
					$(this).attr("selected","selected");
				}
			});

			//用于设置每页显示的数据条数
			$("#pageSizeSelector").change(function (){
				alert("value:"+$(this).attr("value"));
				//submit();
			});

		});

		</script>
	</head>

	<body>

		<select name="page.pageSize" id="pageSizeSelector">
			<option value="10" class="pageSize">10</option>
			<option value="20" class="pageSize">20</option>
			<option value="30" class="pageSize">30</option>
		</select>

	</body>

</html>

分享到：

MD5的工具方法使用 | 表设计中什么是父表什么是子表

2011-12-03 14:44
浏览 12036
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JQuery实现在分页的时候添加一个设置每页显示多少条数据的功能

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

JQuery实现在分页的时候添加一个设置每页显示多少条数据的功能

评论

发表评论

相关推荐

神马？facebook、twitter的share so easy

myeclipse不能打war包的问题

UrlRewrite时需要注意的问题：action以及正则表达式

JS验证

tomcat无需项目名即可访问该项目配置

log4j配置

google map api 谷歌地图上添加消息窗口InfoWindow

jquery遍历.each

j2ee中实现cookie的自动登录

jquery处理服务器返回的json数据

JSON与JAVA数据的转换

10款动感图片展示js代码

Struts的Validator验证框架使用教程

struts <action>元素属性parameter的作用

详解 Spring 3.0 基于 Annotation 的依赖注入实现

LoginAction.java

Servlet 工作原理解析

validation.xml 文件(转)

Google首席Java架构师谈数学与程序员的关系

多图详解Spring框架的设计理念与设计模式（转）

最近访客更多访客>>