ASP.net GridView控件(分页)

最新推荐文章于 2024-04-23 21:06:46 发布

白露-

最新推荐文章于 2024-04-23 21:06:46 发布

阅读量1.1k

点赞数

分类专栏： asp.net web学习笔记文章标签： asp.net

本文链接：https://blog.csdn.net/m0_56227168/article/details/122484406

版权

asp.net web学习笔记专栏收录该内容

50 篇文章 14 订阅

订阅专栏

一.说明

部分代码的运用放在以往的教程中,本部分只讲解分页功能.

二.前端代码

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebGv2.aspx.cs" Inherits="WebApplication6.WebGv2" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <%--AllowPaging:True 数据进行分页
                PageSize:3       每页分'3'行
                OnPageIndexChanging: 页码改变事件
                --%>
            <asp:GridView ID="GridView1" runat="server" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging" PageSize="3">
            </asp:GridView>
        </div>
    </form>
</body>
</html>

如下显示:
在这里插入图片描述
页码改变事件所调用的方法也不需要我们自己手动写(双击方法名即可):

三.后端代码

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

namespace WebApplication6
{
    public partial class WebGv2 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            //打开页面开始加载,后续的提交中不参与加载
            if (!IsPostBack) {
                bind();
            }
        }

        //查询数据的方法
        private void bind()
        {
            string sql = "select * from student order by id";
            //设置表格的数据源为查询的数据表
            GridView1.DataSource= MyDBSql.excutSql(sql);
            //绑定控件
            GridView1.DataBind();
        }


        /// <summary>
        /// 页码改变事件
        /// </summary>
        /// <param name="sender">事件源</param>
        /// <param name="e">对象 事件</param>
        protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
        {
            //设置数据表格的页索引为当前事件 单击的页的编码
            GridView1.PageIndex = e.NewPageIndex;

            //重新调用查询数据方法
            bind();

        }
    }
}

四.效果

第一次加载:
在这里插入图片描述
点击分页:

白露-

关注

0
点赞
踩
11

收藏

觉得还不错? 一键收藏
0
评论
ASP.net GridView控件(分页)

一.说明部分代码的运用放在以往的教程中,本部分只讲解分页功能.二.前端代码<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebGv2.aspx.cs" Inherits="WebApplication6.WebGv2" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"&g
复制链接

扫一扫