温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

利用ASP.NET怎么实现一个无刷新分页功能

发布时间:2020-12-25 15:00:31 来源:亿速云 阅读:151 作者:Leah 栏目:开发技术

利用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 @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();        }      }    }  }

关于利用ASP.NET怎么实现一个无刷新分页功能问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注亿速云行业资讯频道了解更多相关知识。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI