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

 更新时间:2015年09月27日 11:47:06   投稿:lijiao  
无刷新分页功能,虽然比较简单,但是涉及到的知识面蛮多的,我记录一下制作的步骤与心得,仅供参考。如有哪里不足,希望大家指出,有更好的方法,也可以提出来,大家一起学习。

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

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

相关文章

  • .NET发起web请求时维持Session

    .NET发起web请求时维持Session

    一般使用.NET C#发起一个web请求是用WebClient类,应为使用很简单,但是每调用一次OpenRead就会在服务器启用一个新Session,使用HttpWebRequest + CookieContainer就可以让多个web请求只有一个session。
    2009-05-05
  • SQLServer 在Visual Studio的2种连接方法

    SQLServer 在Visual Studio的2种连接方法

    这篇文章介绍了SQLServer 在Visual Studio的2种连接方法,有需要的朋友可以参考一下
    2013-09-09
  • C#操作Excel数据增删改查示例

    C#操作Excel数据增删改查示例

    Excel数据增删改查我们可以使用c#进行操作,首先创建ExcelDB.xlsx文件,并添加两张工作表,接下按照下面的操作步骤即可
    2013-11-11
  • IIS上部署你的ASP.NET Core Web Api项目及Swagger(图文)

    IIS上部署你的ASP.NET Core Web Api项目及Swagger(图文)

    本篇经验将和大家介绍如何在IIS上部署ASP.NET Core项目,对大家的学习或者工作具有一定的参考学习价值,希望为初学.NET CORE的童靴入门有所帮助
    2023-09-09
  • ASP.NET Core为Ocelot网关配置Swagger

    ASP.NET Core为Ocelot网关配置Swagger

    这篇文章介绍了ASP.NET Core为Ocelot网关配置Swagger的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • WPF中常用的布局容器介绍

    WPF中常用的布局容器介绍

    这篇文章介绍了WPF中常用的布局容器,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • VS2017 安装打包插件的图文教程

    VS2017 安装打包插件的图文教程

    下面小编就为大家分享一篇VS2017 安装打包插件的图文教程,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2017-11-11
  • Centos7+Docker+Jenkins+ASP.NET Core 2.0自动化发布与部署的实现

    Centos7+Docker+Jenkins+ASP.NET Core 2.0自动化发布与部署的实现

    这篇文章主要给大家介绍了关于Centos7+Docker+Jenkins+ASP.NET Core 2.0自动化发布与部署的相关资料,文中通过示例代码及图文介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2018-05-05
  • MvcPager分页控件使用注意事项

    MvcPager分页控件使用注意事项

    这篇文章主要为大家详细介绍了MvcPager分页控件使用的注意事项,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • .net SMTP发送Email邮件且可带附件示例

    .net SMTP发送Email邮件且可带附件示例

    SMTP发送Email的案例想必大家见过很多,下面也为大家介绍个不错的例子且可带附件,喜欢的朋友可以了解下
    2013-08-08

最新评论