前期我们分别介绍了gridview怎么进行固定表多行数据显示，以及怎么设计花样表头。下面我们介绍怎么利用gridview进行分页显示的同时还可以进行排序显示。

显示效果

前端DEMO

<span style="font-family:Microsoft YaHei;font-size:18px;"><html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title>Gridview Page</title>

    <link href="~/CSS/Gridview.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <form id="form1" runat="server">

    <div id="container">

        <asp:GridView ID="GridView1" ShowFooter="false" BorderColor="Black" OnRowDataBound="GridView1_RowDataBound"  runat="server" AutoGenerateColumns="False"  Font-Size="12px" Width="549px"  AllowPaging="True" OnSorting="GridView1_Sorting" AllowSorting="True" >

          <Columns>

            <asp:BoundField DataField="ID" HeaderText="编号"/>

            <asp:BoundField DataField="EmpID" HeaderText="账号" SortExpression="EmpID"/>

            <asp:BoundField DataField="EmpRealName" HeaderText="姓名" SortExpression="EmpRealName"/>

            <asp:BoundField DataField="EmpSex" HeaderText="性别" SortExpression="EmpSex"/>

            <asp:BoundField DataField="EmpAddress" HeaderText="住址" SortExpression="EmpAddress" />

            <asp:BoundField DataField="EmpZipCode" HeaderText="邮编" />

            <asp:BoundField DataField="EmpBirthday" HeaderText="生日" DataFormatString="{0:yyyy-MM-dd}" HtmlEncode="False" />

            <asp:BoundField DataField="EmpSalary" HeaderText="薪水" DataFormatString="{0:c}" HtmlEncode="False" />

          </Columns>

          <HeaderStyle BackColor="Azure" Font-Size="12px" HorizontalAlign="Center" />

          <RowStyle HorizontalAlign="Center" />

          <PagerStyle HorizontalAlign="Center" BackColor="#FFFFCC" BorderStyle="None" BorderWidth="0px" ForeColor="#330099" />

            <PagerSettings Visible="False" />

        </asp:GridView>

        <br />

        <asp:LinkButton ID="lnkbtnFrist" runat="server" OnClick="lnkbtnFrist_Click">首页</asp:LinkButton>

        <asp:LinkButton ID="lnkbtnPre" runat="server" OnClick="lnkbtnPre_Click">上一页</asp:LinkButton>

        <asp:Label ID="lblCurrentPage" runat="server"></asp:Label>

        <asp:LinkButton ID="lnkbtnNext" runat="server" OnClick="lnkbtnNext_Click">下一页</asp:LinkButton>

        <asp:LinkButton ID="lnkbtnLast" runat="server" OnClick="lnkbtnLast_Click">尾页</asp:LinkButton>

跳转到第<asp:DropDownList ID="ddlCurrentPage" runat="server" AutoPostBack="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">

        </asp:DropDownList>页

    </div>

    </form>

</body>

</html>

</span>

绑定数据及分页DEMO

<span style="font-family:Microsoft YaHei;font-size:18px;">public partial class GridviewPage : System.Web.UI.Page

{

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            ViewState["SortOrder"] = "EmpID";

            ViewState["OrderDire"] = "ASC";

            bind();

        }

    }

    /// <summary>

    /// 绑定数据

    /// </summary>

    public void bind()

    {

        string sqlStr = "select * from Employee";

        DataView myds = Common.dataView(sqlStr);

        string sort = (string)ViewState["SortOrder"] + " " + (string)ViewState["OrderDire"];

        myds.Sort = sort;

        GridView1.DataSource = myds;

        GridView1.DataKeyNames = new string[] { "ID" };

        GridView1.DataBind();

        this.ddlCurrentPage.Items.Clear();

        for (int i = 1; i <= this.GridView1.PageCount; i++)

        {

            this.ddlCurrentPage.Items.Add(i.ToString());

        }

        this.ddlCurrentPage.SelectedIndex = this.GridView1.PageIndex;

    }

    /// <summary>

    /// 在 GridView 控件中的某个行被绑定到一个数据记录时发生。此事件通常用于在某个行被绑定到数据时修改该行的内容。

    /// </summary>

    /// <param name="sender"></param>

    /// <param name="e"></param>

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)

    {

        this.lblCurrentPage.Text = string.Format("当前第{0}页/总共{1}页", this.GridView1.PageIndex + 1, this.GridView1.PageCount); 

        //遍历所有行设置边框样式

        foreach (TableCell tc in e.Row.Cells)

        {

            tc.Attributes["style"] = "border-color:Black";

        }

        //用索引来取得编号

        if (e.Row.RowIndex != -1)

        {

            int id = GridView1.PageIndex * GridView1.PageSize + e.Row.RowIndex + 1;

            e.Row.Cells[0].Text = id.ToString();

        }

    }

    /// <summary>

    /// 重新绑定

    /// </summary>

    /// <param name="sender"></param>

    /// <param name="e"></param>

    protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)

    {

        //下拉选框值与当前页值一致

        this.GridView1.PageIndex = this.ddlCurrentPage.SelectedIndex;

        bind();

    }

    protected void lnkbtnFrist_Click(object sender, EventArgs e)

    {

        //第一页，当前索引为0

        this.GridView1.PageIndex = 0;

        bind();

    }

    protected void lnkbtnPre_Click(object sender, EventArgs e)

    {

        if (this.GridView1.PageIndex > 0)

        {

            //前一页，当前索引减一

            this.GridView1.PageIndex = this.GridView1.PageIndex - 1;

            bind();

        }

    }

    protected void lnkbtnNext_Click(object sender, EventArgs e)

    {

        if (this.GridView1.PageIndex < this.GridView1.PageCount)

        {

            //下一页，当前页索引值加一

            this.GridView1.PageIndex = this.GridView1.PageIndex + 1;

            bind();

        }

    }

    protected void lnkbtnLast_Click(object sender, EventArgs e)

    {

        //最后一页，将总页数赋给当前索引

        this.GridView1.PageIndex = this.GridView1.PageCount;

        bind();

    }</span>

排序显示DEMO

<span style="font-family:Microsoft YaHei;font-size:18px;">    /// <summary>

    /// 在单击某个用于对列进行排序的超链接时发生，但在 GridView 控件执行排序操作之前。此事件通常用于取消排序操作或执行自定义的排序例程。

    /// </summary>

    /// <param name="sender"></param>

    /// <param name="e"></param>

    protected void GridView1_Sorting(object sender, GridViewSortEventArgs e)

    {

        //sortexpression为排序表达式（账号、姓名、地址等等）

        string sPage = e.SortExpression;

        if (ViewState["SortOrder"].ToString() == sPage)

        {

            //判断当前状态为升序还是降序；

            if (ViewState["OrderDire"].ToString() == "DESC")

                ViewState["OrderDire"] = "ASC";

            else

                ViewState["OrderDire"] = "DESC";

        }

        else

        {

            ViewState["SortOrder"] = e.SortExpression;

        }

        bind();

    }</span>

感谢您的宝贵时间······

ASP.NET-GridView分页排序显示的更多相关文章

  1. asp.net gridview 分页显示不出来的问题

    使用gridview分页显示,在点击第二页的时候显示空白,无数据. 原因是页面刷新,绑定datatable未执行 解决方法: 1.将datatable设置为静态 2.在OnPageIndexChang ...

  2. GridView分页排序

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridviewPage.asp ...

  3. 详解ASP.NET4 GridView的四种排序样式

    与ASP.NET 的其他Web控件一能够,Gridview控件拥有很多不同的CSS样式属性设置,包括象CssClass,Font字体,ForeColor,BackColor,BackColor, Wi ...

  4. Asp.net GridView 72般绝技

    快速预览:GridView无代码分页排序GridView选中,编辑,取消,删除GridView正反双向排序GridView和下拉菜单DropDownList结合GridView和CheckBox结合鼠 ...

  5. gridview自定义排序

    效果如图: 首先允许排序:AllowSorting="True":开启gridview的排序事件onsorting="GridView1_Sorting",也可 ...

  6. Asp.net+JS 分页

    function pagestart() {//初始化页面,获取公司新闻 $("#pagediv").hide(); $("); var pagesize = $(&qu ...

  7. ASP.NET MVC分页组件MvcPager 2.0版发布暨网站全新改版

    MvcPager分页控件是在ASP.NET MVC Web应用程序中实现分页功能的一系列扩展方法,该分页控件的最初的实现方法借鉴了网上流行的部分源代码, 尤其是ScottGu的PagedList< ...

  8. 鼠标指向GridView某列显示DIV浮动列表

    需求: 当GRIDVIEW数据列过多,不方便全部显示在同一行或者一些子信息需要鼠标指向某关键列GRIDVIEW的时候显示其子信息. 设计:先把需要显示的浮动数据一次过抓取出来.而不是鼠标指向的时候才从 ...

  9. 基于Bootstrap的Asp.net Mvc 分页

    基于Bootstrap的Asp.net Mvc 分页的实现 最近写了一个mvc 的 分页,样式是基于 bootstrap 的 ,提供查询条件,不过可以自己写样式根据个人的喜好,以此分享一下.首先新建一 ...

随机推荐

  1. java代码----方法类练习中~~~未领会

    总结:今天我很失败,问了老师继承的问题还是没弄懂.因为,技术宅的能力,我好怕啊.太强了. package com.da.ima2; public class yut {// 使用substring方法 ...

  2. AngularJS：应用

    ylbtech-AngularJS:应用 1.返回顶部 1. AngularJS 应用 现在是时候创建一个真正的 AngularJS 单页 Web 应用(single page web applica ...

  3. 2015.7.24 CAD库中列举五字代码点所属航路及终端区图，左连接的累加

    select decode(fb.tupr,null,'仅航路',decode(fc.aw,null,'仅终端区','航路及终端区')) 范围,pt 五字代码点,fb.tupr 终端区图及程序,fc. ...

  4. CSS——position

    position是指元素的定位方式,有:static.absolute.fixed.relative.inherit 5种. static 默认,布局排版方式按照HTML代码的顺序布局. absolu ...

  5. struts1-mapping.getInputForward()与mapping.getInput

    转自:https://www.cnblogs.com/azai/archive/2010/06/05/1752416.html 奇怪为什么登陆失败的时候 没有错误提示.这个问题困扰了N久 仔细看了下, ...

  6. AOP基础-JDK动态代理

    动态代理技术就是用来产生一个目标对象的代理对象的,代理对象应与目标对象(被代理的对象)有相同的方法,实现对目标对象访问的拦截,并增强目标对象的一些功能,而不需要目标对象去做任何的更改,使得目标对象有更 ...

  7. 如何在Eclipse下查看ＪＤＫ源代码以及java源代码阅读方法(转载)

    不会看JDK源代码,相当于没学过Java. 网上不容易找到一篇帮助我解决了如何在Eclipse下查看JDK源代码 的文章. 核心提示:在Eclipse中查看JDK类库的源代码!!! 设置: 1.点 w ...

  8. SQLiteopenhelper创建database的过程

    首先由于SQLiteOpenHelper是一个抽象类,所以我们要创建一个自己的类实现它,并实现抽象方法, public void onCreate(SQLiteDatabase db) public ...

  9. 第3章_Java仿微信全栈高性能后台+移动客户端

    当服务器构建完毕并且启动之后,我们通过网页URL地址就可以访问这台服务器,并且服务器会向网页输出Hello Netty这样几个字. Netty有三种线程模型:单线程.多线程.主从线程.Netty官方推 ...

  10. ServerSocket的建立和使用

    -------------siwuxie095 工程名:TestMyServerSocket 包名:com.siwuxie095.socket 类名:MyServerSocket.java 工程结构目 ...