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 回调函数              当点击链接的时候此函数被调用,此函数接受两个参数,新一页的idpagination容器(一个DOM元素)。如果回调函数返回false,则pagination事件停止执行
posted @ 2012-07-12 14:34  甜菜波波  阅读(133)  评论(0)    收藏  举报