博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
简单的ASP.NET无刷新分页
阅读量:7296 次
发布时间:2019-06-30

本文共 4473 字,大约阅读时间需要 14 分钟。

  前段时间做个留言板的功能,业务要求需要对留言列表的查看翻页无刷新,所以做了以下的无刷新分页功能,虽然比较简单,但是涉及到的知识面蛮多的,我记录一下制作的步骤与心得,仅供参考。如有哪里不足,希望大家指出,有更好的方法,也可以提出来,大家一起学习。

  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 @sqlGO

   2、设置Ajax控件

  想要实现无刷新,肯定会用到Ajax,首先是要放入必不可少的:

   接着把Repeater控件嵌入到UpdatePanel里面去:

        
  • <%#Eval("username") %>:<%#Eval("content").ToString())) %>

    发表时间: <%#Eval("addtime") %>

总记录:

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

转载于:https://www.cnblogs.com/yangyy753/archive/2012/04/12/2444411.html

你可能感兴趣的文章
寓言四则
查看>>
让那些设计师在没有斗志的时候读读
查看>>
SQLServer2008 数据库 开启 远程 连接 设置
查看>>
嵌入式开发交叉调试技术简介
查看>>
JavaScript基础
查看>>
C#重点内容之:接口(interface)(一)网络初级示例
查看>>
dojo表格操作的简单示例(建立表格)
查看>>
div辅助线【完整版】
查看>>
ZZULIOJ 1898: 985的数字难题 【水题】
查看>>
移动tempdb导致数据库服务不能启动
查看>>
[BEC][hujiang] Lesson04 Unit1:Working life ---Reading + Listening &Grammar & Speaking
查看>>
AspNet GridView Excel 下载 Excel 导出
查看>>
习题整理,二叉树后续遍历得到指定节点到其祖先的路径
查看>>
输入数字和小数点
查看>>
CRUD全栈式编程架构之服务层的设计
查看>>
day8--socketserver作业
查看>>
JAVA自带的加密算法-MD5\SHA1\BASE64
查看>>
React + Redux 实现的个人博客
查看>>
[BZOJ1597][Usaco2008 Mar]土地购买(斜率优化)
查看>>
算法模板——平衡树Treap
查看>>