.page{width:200px;
}.page span{margin-left:30px;
}a{text-decoration:none;
}
/js/jquery-1.8.3.min.js">
$(function() {var$table=$(".user_table");varcurrentPage= 1;varpageSize= 3;varsumRows=$table.find("tbody tr").length;varsumPages=Math.ceil(sumRows/pageSize);
init();
paging(currentPage)
$("#prev").click(function(){
currentPage--;
init();
paging(currentPage);
})
$("#next").click(function(){
currentPage++;
init();
paging(currentPage);
})var$page=$("
$("["+(pageIndex)+"]").bind("click",{"newPage":pageIndex},function(event){
currentPage=event.data["newPage"];
init();
paging(currentPage);
}).appendTo($page);
}
$page.insertAfter($table);functionpaging(currentPage){
$table.find("tbody tr:not(.prevnext)").hide().slice((currentPage-1)*pageSize,(currentPage)*pageSize).show();
$("#currentPage").val(currentPage+1);
$("#currentPage").text(currentPage);
$("#sumPages").text(sumPages);
}functioninit(){if(currentPage==1){
$("#prev").attr({"disabled":"disabled"});
}else{
$("#prev").removeAttr("disabled");
}if(currentPage==sumPages){
$("#next").attr({"disabled":"disabled"});
}else{
$("#next").removeAttr("disabled");
}
}
$("#search").click(function(){varname=$("#name").val();varageFrom=$("#ageFrom").val();varageTo=$("#ageTo").val();if(name==""&&ageFrom==""&&ageTo==""){
$("#msg").text("未输入检索条件!");return;
}
$("#form0").submit();
});
})
name: | |
ageFrom: | |
ageTo: |        |
id
name
age
${user.id}${user.userName}${user.age}当前页/共页