jquery分页插件jquery.pagination.js使用方法解析

</script>

<asp:Repeater ID="Rpt_UserList" runat="server">
<ItemTemplate>
<tr>

<td>
<%# Eval("UserName")%>
</td>
</tr>
<ItemTemplate>
</asp:Repeater>

<div id="Pagination" class="right flickr"></div>

后台代码：

 protected int pcount = 0;         //总条数
  protected int page = 0;          //当前页
  protected int pagesize = 5;        //设置每页显示的大小
  protected void Page_Load(object sender, EventArgs e)
  {
   if (!int.TryParse(Request.Params["page"] as string, out this.page))
   {
    page = 0;
   }
   }
 #region 数据分页
  public void PageBind(string where,string order)
  {
   bll = new UserAccount();
   ds = new DataSet();
   pcount = bll.GetPageCount(where);
   ds = bll.GetDataByPage(page * pagesize,(page+1)*pagesize,order,where);
   if (ds != null && ds.Tables[0].Rows.Count > 0)
   {
    Rpt_UserList.DataSource = ds;
    Rpt_UserList.DataBind();
   }
  }
  #endregion

样式效果展示：

补充： 多参数问题

$(function () {
   function pageselectCallback(page_id, jq) {
      TranUrl(page_id);
   }
   $("#Pagination").pagination(<%=pcount%>, {
    callback: pageselectCallback,//PageCallback() 为翻页调用次函数。
    prev_text: " 上一页",
    next_text: "下一页 ",
    items_per_page: <%=pagesize %>, //每页的数据个数
    num_display_entries: 3, //两侧首尾分页条目数
    current_page: <%=page%>, //当前页码
    num_edge_entries: 2, //连续分页主体部分分页条目数
   });
     //通过修改url来达到分页效果。
     function TranUrl(page_id){
      var url=location.href;
       var star;
       if(url.indexOf("aspx?")>0)
       {
       if(url.indexOf("&page=")>0)
        {
         star=url.indexOf("&page=");
          url=url.substring(0,star);
          location.href=url+"&page="+page_id;
        }
        else{
         location.href=url+"&page="+page_id;
        }
       }
       else{
       location.href=url+"?page="+page_id;
       }
     }
  });