asp.net DataGrid GridView 表格之分页显示与翻页功能及自定义翻页页码样式

蓝色漩沐

于 2020-03-06 17:55:34 发布

阅读量1.4k

点赞数

文章标签： html 其他

本文链接：https://blog.csdn.net/Helloxiaovv/article/details/104271669

版权

本文介绍了如何在ASP.NET中实现DataGrid或GridView表格的分页功能，通过设置PageIndexChanging事件来实现页面切换。同时，文章详细讲解了如何自定义网格视图的翻页页码样式，以提供更美观的用户体验。

摘要由CSDN通过智能技术生成

在这里插入图片描述

在这里插入图片描述

二、实现翻页功能

如何点击页码实现翻页呢？

在属性框中事件选择设置PageIndexChanging（在Grid View的当前索引页正在更改事触发）这一事件

后台代码如下

/// <summary>
        /// 翻页操作
        /// 在GridView当前索引正在更改时触发
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
        {

            GridView1.PageIndex = e.NewPageIndex;
            InitGridView();
        }

三、实现自定义翻页页码功能

gridView自带的页码样式看起起来简单了些，在这里换种样式可以更好些。

如实现下图效果

在这里插入图片描述

前台asp:GridView</asp:GridView>代码内的最后添加如下代码

<PagerTemplate>
                                    当前第:
                                     <%--//((GridView)Container.NamingContainer)就是为了得到当前的控件--%>
                                    <asp:Label ID="LabelCurrentPage" runat="server" Text="<%# ((GridView)Container.NamingContainer).PageIndex + 1 %>"></asp:Label>
                                    页/共:
                                    <%--//得到分页页面的总数--%>
                                    <asp:Label ID="LabelPageCount" runat="server" Text="<%# ((GridView)Container.NamingContainer).PageCount %>"></asp:Label>