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