.NET分页控件简单学习_实用技巧

这几天无意间看到一个关于分页的帖子，觉得写得挺好的。关于这些东西，自己一直都是只知道原理，却没有真正动手做过，于是研究了一下分页的原理自己动手写了一个十分特别非常简单的分页程序，在这里与大家分享一下。 

这个程序取数据使用的ado.net,首先先新建一个取数据的类PageDAl 

using System;
using System.Collections.Generic;
using System.Configuration;
using System.Data;
using System.Data.Common;
using System.Data.SqlClient;
using System.Linq;
using System.Web;

namespace page.DAL
{
  public class PageDal
  {
    public DataTable GetUserList(out int totalCount, int pageIndex = 1, int pagesize = 10)
    {
      using (
        SqlConnection coon =
          new SqlConnection(ConfigurationManager.ConnectionStrings["userConnection"].ConnectionString))
      {
        coon.Open();
        string sqlCount = "select count(F_Id) from Sys_User";
        SqlCommand cmd = new SqlCommand(sqlCount, coon);
        totalCount = int.Parse(cmd.ExecuteScalar().ToString());
        string sql = "select F_Account,F_RealName from (select *,Row_Number() over(order by F_Account) r from Sys_User)as w where r>{0} and r<={1};";
        SqlDataAdapter ad = new SqlDataAdapter(String.Format(sql, (pageIndex - 1) * pagesize, (pageIndex * pagesize)), coon);
        DataTable dt = new DataTable();
        ad.Fill(dt);

        return dt;
      }
    }
  }
}

然后记得修改一下webconfig里面的连接数据库的字符串，数据库自己随便建一个就行。

接下来是ashx一般处理程序，html页面把需求传过来，他在从PageDal中取数据。 

using page.DAL;
using System;
using System.Collections.Generic;
using System.Data;
using System.Linq;
using System.Text;
using System.Web;

namespace page
{
  /// <summary>
  /// WebHandler 的摘要说明
  /// </summary>
  public class WebHandler : IHttpHandler
  {
    public void ProcessRequest(HttpContext context)
    {
      try
      {
        int pageIndex = int.Parse(context.Request.Form["pageindex"]);
        int pageSize = int.Parse(context.Request.Form["pagesize"]);
        PageDal pd = new PageDal();
        int totalCount;
        DataTable dt = pd.GetUserList(out totalCount, pageIndex, pageSize);
        string json = ToJson(dt, "data", totalCount);
        context.Response.ContentType = "text/plain";
        context.Response.Write(json);
      }
      catch
      {
        context.Response.Write("error");
      }
    }

    public bool IsReusable
    {
      get
      {
        return false;
      }
    }

    /// <summary>
    /// DataTable转换为Json
    /// </summary>
    public static string ToJson(DataTable dt, string jsonName, int count)
    {
      StringBuilder Json = new StringBuilder();
      if (string.IsNullOrEmpty(jsonName))
        jsonName = dt.TableName;
      Json.Append("{\"" + jsonName + "\":[");
      if (dt.Rows.Count > 0)
      {
        for (int i = 0; i < dt.Rows.Count; i++)
        {
          Json.Append("{");
          for (int j = 0; j < dt.Columns.Count; j++)
          {
            Type type = dt.Rows[i][j].GetType();
            Json.Append("\"" + dt.Columns[j].ColumnName.ToString() + "\":" + StringFormat(dt.Rows[i][j].ToString(), type));
            if (j < dt.Columns.Count - 1)
            {
              Json.Append(",");
            }
          }
          Json.Append("}");
          if (i < dt.Rows.Count - 1)
          {
            Json.Append(",");
          }
        }
      }
      Json.Append("],");
      Json.Append("\"count\":" + count + "}");
      return Json.ToString();
    }

    /// <summary>
    /// 格式化字符型、日期型、布尔型
    /// </summary>
    /// <param name="str"></param>
    /// <param name="type"></param>
    /// <returns></returns>
    private static string StringFormat(string str, Type type)
    {
      if (type == typeof(string))
      {
        str = String2Json(str);
        str = "\"" + str + "\"";
      }
      else if (type == typeof(DateTime))
      {
        str = "\"" + str + "\"";
      }
      else if (type == typeof(bool))
      {
        str = str.ToLower();
      }
      else if (type != typeof(string) && string.IsNullOrEmpty(str))
      {
        str = "\"" + str + "\"";
      }
      return str;
    }

    /// <summary>
    /// 过滤特殊字符
    /// </summary>
    /// <param name="s">字符串</param>
    /// <returns>json字符串</returns>
    private static string String2Json(String s)
    {
      StringBuilder sb = new StringBuilder();
      for (int i = 0; i < s.Length; i++)
      {
        char c = s.ToCharArray()[i];
        switch (c)
        {
          case '\"':
            sb.Append("\\\""); break;
          case '\\':
            sb.Append("\\\\"); break;
          case '/':
            sb.Append("\\/"); break;
          case '\b':
            sb.Append("\\b"); break;
          case '\f':
            sb.Append("\\f"); break;
          case '\n':
            sb.Append("\\n"); break;
          case '\r':
            sb.Append("\\r"); break;
          case '\t':
            sb.Append("\\t"); break;
          default:
            sb.Append(c); break;
        }
      }
      return sb.ToString();
    }
  }
}

最后就是html代码了 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src="../Content/jquery/jquery-1.11.1.min.js"></script>
  <title></title>
</head>
<body>
  <table id="datatable"></table>
  <div id="pageination" style="width: 100%">
    <a href="javascript:void(0);" onclick="GoFirst()">首页</a> <a href="javascript:void(0);" onclick="GoPre()">上一页</a>  <span>当前<input id="pageindex" type="text" style="width:20px" value="1" disabled="disabled" />页，总共<input id="totalcount" type="text" style="width:20px" value="" disabled="disabled" />条数据，共<input id="pagecount" type="text" style="width:20px" value="" disabled="disabled" />页</span>  <a href="javascript:void(0);" onclick="GoNext()">下一页</a> <a href="javascript:void(0);" onclick="GoLast()">尾页</a>
  </div>
</body>
</html>
<script>
  var pageindex = 1;
  var pagesize = 15;
  $(function () {
    search();
  });
  function search() {
    $.ajax({
      url: "../WebHandler.ashx",
      type: "post",
      data: {
        "pagesize": pagesize,
        "pageindex": pageindex
      },
      success: function (daa) {
        var json = JSON.parse(daa);
        var tab = $("#datatable");
        tab.empty();
        for (var i = 0; i < json.data.length ; i++) {
          tab.append("<tr><td>" +
            json.data[i].F_Account +
            "</td><td>" +
            json.data[i].F_RealName +
            "</td></tr>");

        }
        var count = json.count;
        var pagecount = Math.ceil(count / pagesize);
        $("#totalcount").val(count);
        $("#pagecount").val(pagecount);
      }
    });
  };
  function GoFirst() {
    pageindex = 1;
    $("#pageindex").val(pageindex);
    search();
  };
  function GoLast() {
    var pageindex = $("#pagecount").val();
    $("#pageindex").val(pageindex);
    search();
  };
  function GoPre() {
    if (pageindex > 1) {
      pageindex = pageindex - 1;
      $("#pageindex").val(pageindex);
      search();
    } else {
      alert("这是第一页！");
    }
  };
  function GoNext() {
    var pagecount = $("#pagecount").val();
    if (pageindex < pagecount) {
      pageindex = pageindex + 1;
      $("#pageindex").val(pageindex);
      search();
    } else {
      alert("这是最后一页！");
    }
  };
</script>

看完那篇帖子自己又对照的看了一下公司做的分页，总结了一下，以前都没认真想过关于分页的东西，觉得还挺难的，但经过一次总结发现其实只要你按顺序一点一点理清楚，有一个清晰的思路，完全不难的。 

首先取数据，分两个部分，一个是把所有的数据个数统计出来另一个是取当前页码的数据，这个是很简单的，自己把有关的sql语句写好就行，sql语句的写法有很多，我取当前页码用的语句是 

select F_Account,F_RealName from (select *,Row_Number() over(order by F_Account) r from Sys_User)as w where r> (pageIndex - 1) * pagesize and r<=pageIndex* pagesize
数据取出来之后就是把页面栏拼好，并且把相关的方法写好，比如说首页，前一页，下一页，尾页等，之后把数据总数传过来，计算页数就OK了。 

<div id="pageination" style="width: 100%">
    <a href="javascript:void(0);" onclick="GoFirst()">首页</a> <a href="javascript:void(0);" onclick="GoPre()">上一页</a>  <span>当前<input id="pageindex" type="text" style="width:20px" value="1" disabled="disabled" />页，总共<input id="totalcount" type="text" style="width:20px" value="" disabled="disabled" />条数据，共<input id="pagecount" type="text" style="width:20px" value="" disabled="disabled" />页</span>  <a href="javascript:void(0);" onclick="GoNext()">下一页</a> <a href="javascript:void(0);" onclick="GoLast()">尾页</a>
  </div>

function GoFirst() {
    pageindex = 1;
    $("#pageindex").val(pageindex);
    search();
  };
  function GoLast() {
    var pageindex = $("#pagecount").val();
    $("#pageindex").val(pageindex);
    search();
  };
  function GoPre() {
    if (pageindex > 1) {
      pageindex = pageindex - 1;
      $("#pageindex").val(pageindex);
      search();
    } else {
      alert("这是第一页！");
    }
  };
  function GoNext() {
    var pagecount = $("#pagecount").val();
    if (pageindex < pagecount) {
      pageindex = pageindex + 1;
      $("#pageindex").val(pageindex);
      search();
    } else {
      alert("这是最后一页！");
    }
  };

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索.net
分页控件
，以便于您获取更多的相关知识。

时间： 2024-08-02 03:24:31

.NET分页控件简单学习_实用技巧的相关文章

asp.net中使用自定义控件的方式实现一个分页控件的代码_实用技巧

一.概述 在web开发中,常常需要显示一些数据,而为了方便排版及浏览,我们只需要显示所有记录中的一部分.一般情况下,我们采用分页来实现这个需求.实现分页的方法多种多样,在本文中,我们采用了一个分页空间来记录记录总数.当前页.总页数及页面大小等.为了有一个直观上的印象,先展示该控件运行后的效果,效果如下图所示: 二.实现方案 为了实现该效果图,在asp.net中,可以使用Custom Controls and User Controls两种方式,User Controls的实现方式及其简单,而且使

ASP.Net 分页控件源码_实用技巧

特性: .支持datagrid,datalist等分种数据显示控件,理论上只要有datasource的控件都可以 .支持url方式分页,url分页的每一页都可以被搜索引擎搜到,并且支持url重写 .控件样式可自定义 .封装完全,使用过程序只需写一行代码 复制代码 代码如下: /****************************************************************** ** 文件名:Pager.cs ** 创建人:杨响武 ** 日 期:2005年7月27日

Asp.Net分页和AspNetPager控件的使用_实用技巧

下面就来重点说说这几种分页方式: 一般情况下我们都是通过sql语句来分页,这在无论哪种开发语音都是通用的, 使用sql语句或者存储过程分页的方式最主要的是要在读取数据的时候把sql语句或者存储过程写好,它的原理是只读取当前要显示的几行记录,所以要根据页数和每页显示的数目来写语句,如下: Select top pageSize * from News where id not in(select top (Page-1)*pageSize id from News) 很显然只要将pageSize和

详解ASP.NET数据绑定操作中Repeater控件的用法_实用技巧

一.绑定控件之Repeater.NET封装了多种数据绑定控件,诸如GridView.DataList等但该篇文章将会从Repeater入手,因为Repeater只提供了基本的数据绑定模板,没有内置其它分页等功能,所以它是最原始的数据绑定控件,只要能够熟练运用Repeater控件其它的绑定控件也就很简单了.1.Repeater简介Repeater 控件是基本模板化数据列表. 它不像GridView控件一样能够可视化的设计格式或样式,因此开发时在控件模板中必须显式声明所有格式.格式和样式标记.另外R

ASP.NETWeb服务器验证控件如何使用_实用技巧

什么是验证控件? 希望用户输入正确的类型的数据,为了验证用户输入是否满足要求,必须对输入的值.范围或格式进行检查..NET中验证控件在哪里? 在工具箱的验证分组里.常用的ASP.NET控件几个?分别是什么? 1)CompareValidator控件:与给定值比较． 2)CustomValidator控件:用户自己定制校验逻辑 3)RangeValidator控件:检查控件的值是否在给定的有效范围内. 4)RegularExpressValidator控件:使用正则表达式验证用户输入的数据是否符合

浅谈ASP.NET常用数据绑定控件优劣总结_实用技巧

本文的初衷在于对Asp.net常用数据绑定控件进行一个概览性的总结,主要分析各种数据绑定控件各自的优缺点,以便在实际的开发中选用合适的控件进行数据绑定,以提高开发效率. 因为这些数据绑定控件大部分都已经封装的很好了,稍微有一些基础的朋友都可以很容易的上手使用,所以本文不涉及具体控件的使用,只在于分析各自的优劣点,但是在下一篇文章里,我会主要讲一下ListBox.GridView.Repeater这三个数据绑定控件的"高效分页",ListBox和GridView内置的有分页,但是其效率太

ASP.NET网站导航及导航控件如何使用_实用技巧

网站导航? 传统的网站导航需要我们在是在页面上弄超链接的方式来实现的,在页面修改或移动的的时候需要一一在每个页中都要进行修改,这样会很麻烦. 在网站中建立网站地图,也就是把所有的链接地址放在一个专门的文件中进行统一管理,这样就很方面的进行管理. 怎么弄网站导航?怎么做? 需要在VS中新建网站地图文件,再把网站地图文件与我们想要的导航控件相关联,这样就可以实现导航的效果了,我们要更改某个地址,就直接在站点地图.siteMap文件中更改就行了. vs中如何添加网站地图? 在vs中新建项中选择"站点地

asp.net mvc4中bootstrap datetimepicker控件的使用_实用技巧

前段时间写了一篇关于调用阿里大于的短信接口来开发例会短信群发通知功能的文章http://www.jb51.net/article/94142.htm,其中的例会时间是需求中的重中之重,它需要满足"格式化","易输入"这两点,对短信费用关心的开发者要知道长短信是两条短信费用之和,因此,例会时间不能随意交给用户自定义输入:要考虑到"易输入"这点,只能选择日期选择控件来辅助用户输入,由于日期选择控件较为小巧使用,在页面中引入并不是难事.在本篇文章中,使

使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟_实用技巧

原来也很简单和用C#语言来实现这个差不多吧,只不过使唤了两种语言哦,而且这样写代码对系统的性能也比较好.如图所示:为反选所实现的功能. 下面将实现反选的两部分代码写一下哦.控件使用的是GridView控件 复制代码 代码如下: <asp:TemplateField HeaderText="<input type='checkbox' id='cbAll' name='cbAll' onclick='selAll(this.checked);' />反选"> &l