下面就是和大家分享的实现无刷新分页功能的全部步骤,欢迎学习。
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,分页控件等知识点,还是蛮值得收藏和学习的,希望我的这篇文章是抛砖引玉,让大家提供更好的方法,才是我学习的动力。
ASP.NET,无刷新,分页
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。