首页 > 编程 > .NET > 正文

ASP.NET无刷新分页简单实现

2020-01-17 23:07:48
字体:
来源:转载
供稿:网友

下面就是和大家分享的实现无刷新分页功能的全部步骤,欢迎学习。

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 @sql GO 

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,分页控件等知识点,还是蛮值得收藏和学习的,希望我的这篇文章是抛砖引玉,让大家提供更好的方法,才是我学习的动力。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表