前期我们分别介绍了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. 引用com.sencha.gxt.ui.GXT加载错误解决方案

    环境GWT2.7+GXT4.0 <inherits name='com.sencha.gxt.ui.GXT' /> 出现加载错误 Loading inherited module 'com ...

  2. 语法错误: 标识符“acosf”

    1>e:\vs2010\vc\include\cmath(19): error C2061: 语法错误: 标识符“acosf” 1>e:\vs2010\vc\include\cmath(1 ...

  3. IIS安装与部署，站点的部署与配置

    第一章:IIS安装与部署 一,服务器概念的理解: 将设计好的软件只要部署到一台机器(服务器--->IIS)上,其它的员工通过浏览器(网址.)来进行访问. 做好的网站必须部署到这台机器上的IIS中 ...

  4. find查找、split分隔、replace替换

    #!/usr/bin/env python r = "asada" ret = r.find("d") print(ret)#返回所在位置的索引 ret =r. ...

  5. 框架之 hibernate之各种查询

    1. Hibernate的查询方式 2. Hibernate的查询策略 案例:使用Hibernate完成查询所有联系人功能 需求分析 1. 完成所有的联系人的查询 技术分析之Hibernate框架的查 ...

  6. repeater的command事件用法

    当Repeater里面循环控件时就会用到command, 是Repeater控件的原生事件用法 Repeater里面如果循环控件,控件的ID是会被改变的 repeater.itemcommand+= ...

  7. iOS 隐藏App图标

    1.在进入Info.plist文件 2.在Info.plist文件中新添加一项,把Key值设置为SBAppTags,在Type选项中选取Array 3.在Array中新添加一项Item0,Type类型 ...

  8. 【转】nginx禁止访问某个文件和目录(文件夹)

    nginx禁止访问所有.开头的隐藏文件设置 location ~* /.* {deny all;} nginx禁止访问目录, 例如:禁止访问path目录 location ^~ /path {deny ...

  9. Python 网络爬虫 001 (科普) 网络爬虫简介

    Python 网络爬虫 001 (科普) 网络爬虫简介 1. 网络爬虫是干什么的 我举几个生活中的例子: 例子一: 我平时会将 学到的知识 和 积累的经验 写成博客发送到CSDN博客网站上,那么对于我 ...

  10. 杭电acm 1021题

    题意是要求能被3整除的数所以为了避免大数据的产生,直接对每个数据求余,然后相加 #include "iostream" using namespace std; int main( ...