使用GridView控件分页显示数据

本文介绍了如何在ASP.NET中使用GridView控件实现分页显示数据。通过设置AllowPaging为true,设置PageSize以确定每页显示记录数,并在GridView的PageIndexChanging事件中更新页面索引,再重新绑定数据源,从而实现分页功能。示例代码包括.aspx和.cs文件的详细内容,以及最终界面效果展示。注意关键操作在于正确处理PageIndexChanging事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

AllowPaging属性设置为true,表示允许分页,然后将PageSize设置为一个数字,表示每页来显示的记录数,最后在GridView控件中PageIndexChanging事件中设置PageIndex属性为当前页的索引值,并且重新绑定GridView控件,具体代码实现如下:


在  .aspx中 :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>

<!DOCTYPE html>

<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
        <asp:GridView ID="GridView1" runat="server" AllowPaging="True" PageSize="4" OnPageIndexChanging="GridView1_PageIndexChanging" Width="515px">
        </asp:GridView>
    
    </div>
    </form>
</body>
</html>



在.cs中:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data.SqlClient;
using System.Data;

public partial class Default3 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            GridViewBind();
        }
    }

    public void GridViewBind()
    {
        //实例化SqlConnection 对象
        SqlConnection sqlCon = new SqlConnection();

        //实例化SqlConnection 对象连接数据库的字符串
        sqlCon.ConnectionString = @"server =XZ-201611211830\SQL2008;uid = sa;pwd = 123456;database =SchoolInformation";

        //定义SQL语句
        string SqlStr = "select * from tb_dept";

        //实例化SqlDataAdapter对象
        SqlDataAdapter da = new SqlDataAdapter(SqlStr,sqlCon);

        //实例化数据集DataSet
        DataSet ds = new DataSet();
        da.Fill(ds, "tb_dept");

        //绑定DataList控件
        GridView1.DataSource = ds;   //设置数据源,用于填充控件中项的值列表
        GridView1.DataBind();    //将控件及其所有子空间绑定到指定的数据源
        
    }

    protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
    {
        GridView1.PageIndex = e.NewPageIndex;
        GridViewBind();
    }
}  

最后实现的界面标准;
图片 
点击 “2”之后显示:
 图片

 
备注:整体过程没有大问题,值得注意的是,是在  PageIndexChanging事件中设置PageIndex的属性,一开始我就搞错了,重新调整之后才能够实现。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值