簡單的ASP.NET無重新整理分頁

　　前段時間做個留言板的功能，業務要求需要對留言列表的查看翻頁無重新整理，所以做了以下的無重新整理分頁功能，雖然比較簡單，但是涉及到的知識面蠻多的，我記錄一下製作的步驟與心得，僅供參考。如有哪裡不足，希望大家指出，有更好的方法，也可以提出來，大家一起學習。

　　1、建立一個分頁預存程序：

CREATE procedure [dbo].[P_Pager] (@PageNumber int,@PageSize int)as declare @sql nvarchar(4000)    set @sql = 'select top ' + Convert(varchar, @PageSize)   + ' * from T_Test where [type]=1 and id not in (select top ' + Convert(varchar, (@PageNumber - 1) * @PageSize)  + ' id from T_Test order by id desc) order by id desc' exec sp_executesql @sqlGO

 　　2、設定Ajax控制項

　　想要實現無重新整理，肯定會用到Ajax，首先是要放入必不可少的：

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

 　　接著把Repeater控制項嵌入到UpdatePanel裡面去：

 　　　　　　　　<asp:UpdatePanel ID="UpdatePanel1" runat="server">                    <ContentTemplate>                            <ul>                                <asp:Repeater ID="Repeater1" runat="server">                                    <ItemTemplate>                                        <li>                                            <p>                                                <span><%#Eval("username") %>：</span><%#Eval("content").ToString())) %></p>                                            <p>                                                <em>發表時間：                                                    <%#Eval("addtime") %>                                                </em>                                            </p>                                        </li>                                    </ItemTemplate>                                </asp:Repeater>                            </ul>                            <p>                                    總記錄：<asp:Literal ID="ltlCount" runat="server"></asp:Literal></p>                                <p>                                    <webdiyer:AspNetPager ID="AspNetPager1" runat="server" AlwaysShow="true" PageIndexBoxType="DropDownList" >                                    </webdiyer:AspNetPager>                                </p>                            </div>                    </ContentTemplate>                </asp:UpdatePanel>

 　　3、AspNetPager分頁控制項

　　可以看到以上的代碼有個分頁控制項，我相信這個分頁控制項大家都不陌生了，我就不多介紹。必須有AspNetPager.dll，然後在項目中引用，在頭部引入這一段代碼：

<%@ Register Assembly="AspNetPager" Namespace="Wuqi.Webdiyer" TagPrefix="webdiyer" %>

 　　這時候分頁控制項應該就可以使用了。最後在後台綁定一下資料，同時也要綁定AspNetPager控制項，完整的後台代碼如下：

using System;using System.Collections.Generic;using System.Web;using System.Web.UI;using System.Web.UI.WebControls;using System.Data;using Wuqi.Webdiyer;using System.Data.SqlClient;public partial class AjaxPager : System.Web.UI.Page{    int currentPageNumber;//當前頁號      int pageSize = 5;//每頁顯示記錄條數    protected void Page_Load(object sender, EventArgs e)    {        if (!IsPostBack)        {            currentPageNumber = 1;            ViewState["currentPageNumber"] = currentPageNumber;            BindData();        }        AspNetPager1.PageChanged += new EventHandler(AspNetPager1_PageChanged);  //定義控制項分頁事件    }    //擷取記錄總數    private int GetCount()    {        string sql = "select COUNT(*) from T_Test";        DataTable dt = GetTable(sql, CommandType.Text, values);        if (dt.Rows.Count > 0)        {            return Convert.ToInt32(dt.Rows[0][0]);        }        else        {            return 0;        }    }        //綁定資料    private void BindData()    {        ltlCount.Text = GetCount().ToString();        currentPageNumber = Convert.ToInt32(ViewState["currentPageNumber"]);        SqlParameter[] values = { new SqlParameter("@PageNumber", currentPageNumber), new SqlParameter("@PageSize", pageSize) };                DataTable dt = GetTable("P_Pager", CommandType.StoredProcedure, values);  //調用預存程序        if (dt.Rows.Count > 0)        {            AspNetPager1.PageSize = pageSize;            AspNetPager1.RecordCount = GetCount();            AspNetPager1.CurrentPageIndex = currentPageNumber;            this.Repeater1.DataSource = dt.DefaultView;            this.Repeater1.DataBind();        }    }    //分頁事件      void AspNetPager1_PageChanged(object sender, EventArgs e)    {        currentPageNumber = AspNetPager1.CurrentPageIndex;        ViewState["currentPageNumber"] = currentPageNumber;        BindData();    }         // 讀取預存程序返回table    private DataTable GetTable(string sql, CommandType t, params SqlParameter[] values)    {        using (SqlConnection conn = new SqlConnection("Data Source=127.0.0.1;Initial Catalog=testDB;Persist Security Info=True;User ID=sa;Password=123456"))        {            SqlCommand comm = new SqlCommand(sql, conn);            comm.CommandType = t;            if (values != null && values.Length > 0)                comm.Parameters.AddRange(values);            SqlDataAdapter da = new SqlDataAdapter(comm);            DataSet ds = new DataSet();            try            {                conn.Open();                da.Fill(ds);                return ds.Tables[0];            }            catch (Exception)            {                return null;            }            finally            {                conn.Close();                conn.Dispose();            }        }    }}

      至此，基本大功告成，雖然比較簡單，但是涉及到預存程序，Ajax，分頁控制項等知識點，還是蠻值得收藏和學習的，希望我的這篇文章是拋磚引玉，讓大家提供更好的方法，才是我學習的動力。求知若饑，虛心若愚。