iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >ASP.NET中怎么实现无刷新分页
  • 708
分享到

ASP.NET中怎么实现无刷新分页

2023-06-17 10:06:49 708人浏览 八月长安
摘要

本篇文章给大家分享的是有关asp.net中怎么实现无刷新分页,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。新建一个分页存储过程:CREATE procedure&nb

本篇文章给大家分享的是有关asp.net中怎么实现无刷新分页,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

新建一个分页存储过程:

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>

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中怎么实现无刷新分页,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注编程网精选频道。

--结束END--

本文标题: ASP.NET中怎么实现无刷新分页

本文链接: https://www.lsjlt.com/news/288399.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • ASP.NET中怎么实现无刷新分页
    本篇文章给大家分享的是有关ASP.NET中怎么实现无刷新分页,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。新建一个分页存储过程:CREATE procedure&nb...
    99+
    2023-06-17
  • ajax中怎么实现无刷新分页功能
    本篇文章给大家分享的是有关ajax中怎么实现无刷新分页功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。html页<html> &...
    99+
    2022-10-19
  • php中怎么利用ajax实现无刷新分页
    本篇文章为大家展示了php中怎么利用ajax实现无刷新分页,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。<php Header("Cont...
    99+
    2022-10-19
  • ajax如何实现无刷新分页
    这篇文章主要介绍ajax如何实现无刷新分页,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!具体如下:在普通的分页中,一旦页码改变,则url改变,整个页面都会刷新,如果我们希望页码的改变...
    99+
    2022-10-19
  • 使用AJAX怎么实现无刷新分页功能
    使用AJAX怎么实现无刷新分页功能,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。  首先讲一下原理:分页有两个要点:1.有多少页,2.每页有多...
    99+
    2022-10-19
  • 怎么用PHP+jPaginate插件实现无刷新分页
    本篇内容主要讲解“怎么用PHP+jPaginate插件实现无刷新分页”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用PHP+jPaginate插件实现无刷新...
    99+
    2022-10-19
  • 使用Ajax怎么实现一个无刷新分页
    本篇文章为大家展示了使用Ajax怎么实现一个无刷新分页,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。<!doctype html><html lang=&quo...
    99+
    2023-06-08
  • Ajax中怎么利用smarty实现无刷新分页功能
    这篇文章将为大家详细讲解有关Ajax中怎么利用smarty实现无刷新分页功能,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。类:  (function(){ ...
    99+
    2022-10-19
  • 怎么用Flash和Ajax实现无刷新分页功能
    这篇文章主要讲解了“怎么用Flash和Ajax实现无刷新分页功能”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么用Flash和Ajax实现无刷新分页功能”...
    99+
    2022-10-19
  • Ajax中怎么实现页面无刷新功能
    Ajax中怎么实现页面无刷新功能,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。ajax (ajax开发)AJAX即“Asynchronous ...
    99+
    2022-10-19
  • ajax实现无刷新分页的示例分析
    这篇文章给大家分享的是有关ajax实现无刷新分页的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Ajax 无刷新页面的好处:提供良好的客户体验,通过 Ajax 在后台从数据库中取得数据并展示,取缔了等待加...
    99+
    2023-06-08
  • 如何实现Ajax无刷新分页效果
    这篇文章给大家分享的是有关如何实现Ajax无刷新分页效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。Ajax无刷新分页效果,如下代码实现<!doctype ht...
    99+
    2022-10-19
  • pushState怎么实现Ajax无刷新页面切换
    要实现Ajax无刷新页面切换,可以使用pushState方法来改变浏览器的URL,并通过Ajax加载新的内容。以下是一个简单的示例:...
    99+
    2023-08-15
    pushState Ajax
  • 怎么用smarty+php+ajax实现简单无刷新分页功能
    这篇文章主要介绍“怎么用smarty+php+ajax实现简单无刷新分页功能”,在日常操作中,相信很多人在怎么用smarty+php+ajax实现简单无刷新分页功能问题上存在疑惑,小编查阅了各式资料,整理出...
    99+
    2022-10-19
  • 使用javascript怎么实现页面无刷新更新数据
    这篇文章给大家介绍使用javascript怎么实现页面无刷新更新数据,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。 首先在服务器上建立一个CheckUser.asp文件,用来检测用户是否存在,根据用户是否存在...
    99+
    2023-06-10
  • 如何使用AJAX实现无刷新数据分页
    这篇文章将为大家详细讲解有关如何使用AJAX实现无刷新数据分页,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、实现过程注意:一下的内容都是在服务器内使用的。首先要在服务器的路径下建立几个文件,比如,pa...
    99+
    2023-06-08
  • React怎么使用refresh_token实现无感刷新页面
    这篇文章主要介绍了React怎么使用refresh_token实现无感刷新页面的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇React怎么使用refresh_token实现无感刷新页面文章都会有所收获,下面我们...
    99+
    2023-06-30
  • ASP.NET中怎么实现分页
    这期内容当中小编将会给大家带来有关ASP.NET中怎么实现分页,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。asp.net分页代码1 ContentPager .csusing System;&...
    99+
    2023-06-17
  • pushState中怎么利用Ajax实现无刷新页面切换
    pushState中怎么利用Ajax实现无刷新页面切换,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。一、API1、pushSt...
    99+
    2022-10-19
  • ASP.NET MVC项目实现三级联动无刷新
    本篇实现有关客户、订单和产品的无刷新三级联动,先看最终效果: 没有选择时,后2个Select状态为禁用: 当选择第1个Select,第2个Select可供选择,第3个Select依...
    99+
    2022-11-13
    ASP.NET MVC 三级联动无刷新
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作