Jquery分页,使用pagination方法。Pagination方法的参数解析。
参数名 | 描述 | 参数值 |
maxentries | 总条目数 | 必选参数,整数 |
items_per_page | 每页显示的条目数 | 可选参数,默认是10 |
num_display_entries | 连续分页主体部分显示的分页条目数 | 可选参数,默认是10 |
current_page | 当前选中的页面 | 可选参数,默认是0,表示第1页 |
num_edge_entries | 两侧显示的首尾分页的条目数 | 可选参数,默认是0 |
link_to | 分页的链接 | 字符串,可选参数,默认是"#" |
prev_text | “前一页”分页按钮上显示的文字 | 字符串参数,可选,默认是"Prev" |
next_text | “下一页”分页按钮上显示的文字 | 字符串参数,可选,默认是"Next" |
ellipse_text | 省略的页数用什么文字表示 | 可选字符串参数,默认是"..." |
prev_show_always | 是否显示“前一页”分页按钮 | 布尔型,可选参数,默认为true,即显示“前一页”按钮 |
next_show_always | 是否显示“下一页”分页按钮 | 布尔型,可选参数,默认为true,即显示“下一页”按钮 |
callback | 回调函数 | 默认无执行效果 |
var page_index=0;//页面索引,初始值为0,第一页。
var pagesize=2;//每页显示的条数,总数/每页显示的条数=页数。页数不对可查看是否为其
//赋值或是小于总条数
$("#pagination").pagination(totalNumber, {
callback: PageCallback,//() 为翻页调用次函数。
prev_text: " 上一页",
next_text: "下一页 ",
items_per_page: pagesize, //每页的数据个数
num_display_entries: 4, //两侧首尾分页条目数
current_page:pageIndex,
//当前页码
num_edge_entries: 3//连续分页主体部分分页条目数
});
$("#pagination").append("<span style='margin-right:10px;'>跳转到<input id='paginationTest' type='text'/></span> <a href='javascript:skipPage();' class='page_go'> GO</a>");//添加随意跳转到某一页
skipPage= function(){
var val=$("#paginationTestNumber").val();
if(!/^[0-9]*$/.test(val)){
alert("请输入数字!");
return;
}
//重新加载查询方法
queryTest(val-1);
}
function PageCallback(pageindex, jq){
if(page_index!=pageindex){
queryTest(pageindex);
}
}