谁有JQuery的分页插件及demo,要求有上一页下一页和总页数,跳转框还有数字的导航
1个回答
展开全部
用jquery的pagination插件实现很方便:
<div id="Pagination" class="pagination"><!-- 这里显示分页导航 --></div>
<script>
$(function(){
var num_entries =1000;//这是需要显示的条目总数
$("#Pagination").pagination(num_entries, {
num_edge_entries: 1, //边缘页数
num_display_entries: 10, //主体页数
callback: pageselectCallback,//回调函数,在这个函数中写显示列表代码
items_per_page: 50, //每页显示多少项
prev_text: "前一页",
next_text: "后一页"
});
});
//回调函数
function pageselectCallback(page_index, jq){
//通过ajax加载页面显示内容
$.post("ServerCode", {pageno:page_index}, function (result) {
//这里遍历result,并显示出来
});
});
</script>
//服务器端ServerCode
接收pageno(分页导航中选中的页面序号)参数,并返回此页面需要显示的内容信息。
<div id="Pagination" class="pagination"><!-- 这里显示分页导航 --></div>
<script>
$(function(){
var num_entries =1000;//这是需要显示的条目总数
$("#Pagination").pagination(num_entries, {
num_edge_entries: 1, //边缘页数
num_display_entries: 10, //主体页数
callback: pageselectCallback,//回调函数,在这个函数中写显示列表代码
items_per_page: 50, //每页显示多少项
prev_text: "前一页",
next_text: "后一页"
});
});
//回调函数
function pageselectCallback(page_index, jq){
//通过ajax加载页面显示内容
$.post("ServerCode", {pageno:page_index}, function (result) {
//这里遍历result,并显示出来
});
});
</script>
//服务器端ServerCode
接收pageno(分页导航中选中的页面序号)参数,并返回此页面需要显示的内容信息。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |