教程集 www.jiaochengji.com
教程集 >  脚本编程  >  Asp.net  >  正文 实例:asp.net中GridView实现分页功能

实例:asp.net中GridView实现分页功能

发布时间:2016-11-26   编辑:jiaochengji.com
教程集为您提供实例:asp.net中GridView实现分页功能等资源,欢迎您收藏本站,我们将为您提供最新的实例:asp.net中GridView实现分页功能资源
GridView控制在asp.net中有自带的分页组件了,这个GridView在开发应用中用到的相当的多,对于这个问题我们今天一起来看看如何实现分页功能,具体的操作细节如下所示。

要实现GrdView分页的功能

操作如下:

1、更改GrdView控件的AllowPaging属性为true。
2、更改GrdView控件的PageSize属性为 任意数值(默认为10)
3、更改GrdView控件的PageSetting->Mode为Numeric等(默认为Numeric)该属性为分页样式。
GridView属性设置好了,从页面上也能看到分页样式。

现在开始实现分页的功能:

1、在<<asp:GridView ID=......>后添加,OnPageIndexChanging="GridView1_PageIndexChanging"
2、在对应的aspx.cs中添加:
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GridView1.PageIndex = e.NewPageIndex;
InitPage(); //重新绑定GridView数据的函数
}

例子:

功能:GridView分页使用图片按钮并添加分页码显示。

默认情况下GridView的分页按钮如果以图片来显示就无法显示文字,这样就无法知道当前所在的页数。于是,添加分页代码显示就可以显示所在分页的索引数字了。

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;

public partial class GridView_Page : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        //设置分页的图片按钮,这些都可以在控件的属性表上的pagersetting里设置
        if (!IsPostBack)
        {
            GridView1.Caption = "这是一个GridView的小实验"; 
                  //Caption属性类似于表名,显示在控件的正上方。
            GridView1.PagerSettings.Mode = PagerButtons.NextPreviousFirstLast;
            GridView1.PagerSettings.NextPageImageUrl = "img/next.gif";
            GridView1.PagerSettings.PreviousPageImageUrl = "img/pre.gif";
            GridView1.PagerSettings.FirstPageImageUrl = "img/first.gif";
            GridView1.PagerSettings.LastPageImageUrl = "img/last.gif";
            GridView1.PageSize = 10;  //每页最多显示10条记录;
            BindData();
        }
    }
    private void BindData()
    {
        //将数据部署到GridView中
        string Constr = "server=localhost; uid=sa;pwd=123456;database=NorthWind";
        string sqlstr = "select * from products";
        SqlConnection con = new SqlConnection(Constr);
        SqlDataAdapter ad = new SqlDataAdapter(sqlstr, con);
        DataSet ds = new DataSet();
        ad.Fill(ds);
        GridView1.DataSource = ds;
        GridView1.DataBind();
    }
    protected void GridView1_PageIndexChanged(object sender, EventArgs e)
    {
        //进行分页之后,重新部署数据
        BindData();
    }
    protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        //分页完成之前
        GridView1.PageIndex = e.NewPageIndex;
    }
    protected void GridView1_DataBound(object sender, EventArgs e)
    {
        //添加分页码显示
        GridViewRow bottomPagerRow = GridView1.BottomPagerRow;
        Label bottomLabel = new Label();
        bottomLabel.Text = "目前所在分页:(" (GridView1.PageIndex 1) "/" GridView1.PageCount ")";
        bottomPagerRow.Cells[0].Controls.Add(bottomLabel);
    }
}

您可能感兴趣的文章:
实例:asp.net中GridView实现分页功能
GridView控件事件详细解析
C#中GridView控件与数据库交互的方法详解
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
ASP.NET 2.0中的DataSource系列控件
ASP.NET中把Gridview内容导出到Excel示例
asp.net MVC进阶学习---HtmlHelper之GridView控件拓展(一)
利用jQuery 实现GridView异步排序、分页的代码
Asp.net设置GridView自适应列宽的实现代码
Page.FindControl方法找不到指定控件的解决方法

[关闭]
~ ~