jquery.pagination 分页控件
调用:
<script type="text/javascript">
$(function(){
$("#pagination").pagination(<%=pagecount %>,{
callback:pageselectCallback,
prev_text:"« 上一页",
next_text:"下一页 »",
items_per_page:15,
num_display_entries:3,
current_page:0,
num_edge_entries:2,
link_to:"getdata.aspx?page=__id__" //可填可不填
});
});
function pageselectCallback(page_id, jq){
//alert(page_id); 回调函数,进一步使用请参阅说明文档
//在回调函数里通过ajax获取数据
var href="getdata.aspx?page="+page_id+"&sj="+parseInt(10000*Math.random());
var html="";
$.ajax({ url:href, success: function(d){
$(".content").html(d);
}});
}
</script>
<script type="text/javascript">
分页插件参数说明:
| 参数名 | 描述 | 参数值 |
|---|---|---|
| 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 | 回调函数 | 当点击链接的时候此函数被调用,此函数接受两个参数,新一页的id和pagination容器(一个DOM元素)。如果回调函数返回false,则pagination事件停止执行 |

浙公网安备 33010602011771号