GridView分页用法

最新推荐文章于 2020-11-20 13:32:18 发布
转载 最新推荐文章于 2020-11-20 13:32:18 发布 · 140 阅读 · 0
文章标签：

#xhtml #c# #javascript #ViewUI

本人通过学习GridView，查看的相关资料，总结了实现上一页、下一页、首页、尾页、页面跳转的方法如下

新建一个.aspx页面：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Sjy_Form.aspx.cs" Inherits="Sjy_Form" %>
<%@ OutputCache Duration="2" VaryByParam="*" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>数据源管理窗口</title>
    <script language="javascript" src="Js/calendar.js" charset="gb2312"></script>
        <style>
            .c{
                   FILTER: alpha(style=1,opacity=0,finishOpacity=1,startX=1 , startY=1 , finishX=99, finishY=99 );
            }
            html{  
              html { overflow-x:hidden; }  
            }  
        </style>
</head>
<body>
    <form id="form1" runat="server">

          <div id="b" style="left: 11px; overflow-x :auto; overflow-y:auto;
            width: 645px; position: absolute; top: 419px; height: 195px">
            <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                CellPadding="3" Height="1px" Width="1005px" PageSize="5" Font-Size="10pt" BackColor="White" BorderColor="#E7E7FF" BorderWidth="1px" OnRowDataBound="GridView1_RowDataBound"> 
                <Columns>
                    <asp:BoundField DataField="sjy_id" HeaderText="数据源编号" SortExpression="sjy_id" >
                        <HeaderStyle HorizontalAlign="Left" />
                    </asp:BoundField>
                    <asp:BoundField DataField="sjymc" HeaderText="数据源名称" SortExpression="sjymc" >
                        <HeaderStyle HorizontalAlign="Left" />
                    </asp:BoundField>
                    <asp:BoundField DataField="sjybt" HeaderText="数据源标题" SortExpression="sjybt" >
                        <HeaderStyle HorizontalAlign="Left" />
                        <ItemStyle Wrap="False" />
                    </asp:BoundField>
                    <asp:BoundField DataField="jlr" HeaderText="建立人">
                        <HeaderStyle HorizontalAlign="Left" />
                    </asp:BoundField>
                    <asp:BoundField DataField="jlrq" HeaderText="建立日期" DataFormatString="{0:d}">
                        <HeaderStyle HorizontalAlign="Left" />
                        <ItemStyle Wrap="False" />
                    </asp:BoundField>
                </Columns>
                <PagerTemplate>
                    <table width="100%">
                        <tr>
                            <td style="text-align: right">
                                第<asp:Label ID="lblPageIndex" runat="server" Text='<%# ((GridView)Container.Parent.Parent).PageIndex + 1  %>'></asp:Label>页
                                共/<asp:Label ID="lblPageCount" runat="server" Text='<%# ((GridView)Container.Parent.Parent).PageCount  %>'></asp:Label>页
                                <asp:LinkButton ID="btnFirst" runat="server" CausesValidation="False" CommandArgument="First"
                                    CommandName="Page" Text="首页" OnClick="LinkBtn_Sjy_Click"></asp:LinkButton>
                                <asp:LinkButton ID="btnPrev" runat="server" CausesValidation="False" CommandArgument="Prev"
                                    CommandName="Page" Text="上一页" OnClick="LinkBtn_Sjy_Click"></asp:LinkButton>
                                <asp:LinkButton ID="btnNext" runat="server" CausesValidation="False" CommandArgument="Next"
                                    CommandName="Page" Text="下一页" OnClick="LinkBtn_Sjy_Click"></asp:LinkButton>
                                <asp:LinkButton ID="btnLast" runat="server" CausesValidation="False" CommandArgument="Last"
                                    CommandName="Page" Text="尾页" OnClick="LinkBtn_Sjy_Click"></asp:LinkButton>
                                <asp:TextBox ID="txtNewPageIndex" runat="server" Text='<%# ((GridView)Container.Parent.Parent).PageIndex + 1  %>'
                                    Width="20px"></asp:TextBox>
                                <asp:LinkButton ID="btnGo" runat="server" CausesValidation="False" CommandArgument="Go"
                                    CommandName="Page" Text="GO" OnClick="LinkBtn_Sjy_Click"></asp:LinkButton><!-- here set the CommandArgument of the Go Button to '-1' as the flag -->
                            </td>
                        </tr>
                    </table>
                </PagerTemplate>
                <FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" />
                <RowStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" />
                <PagerStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" HorizontalAlign="Right" />
                <SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />
                <HeaderStyle BackColor="#7481BA" Font-Bold="True" ForeColor="Yellow" HorizontalAlign="Left" Wrap="False" />
                <AlternatingRowStyle BackColor="#F7F7F7" />
            </asp:GridView>
            <asp:Label ID="Lab_info" runat="server" ForeColor="red"></asp:Label>
        </div>
    </form>
</body>
</html>

 

后台代码：

 

#region Gridview数据填充
    /// <summary>
    /// Gridview数据填充
    /// </summary>
    private void Gridview_Bind()
    {
        sqlStr = "select * from sys_pcedm_sjy";
        DataSet ds = OracleDB.Dataset(sqlStr);
        GridView1.DataSource = ds;
        GridView1.DataBind();

        if (ds.Tables[0].Rows.Count == 0)
        {
            GridView1.Visible = false;
            Lab_info.Text = "当前数据记录为空";
        }
        else
        {
            GridViewRow pagerRow = GridView1.BottomPagerRow;
            LinkButton linkBtnFirst = (LinkButton)pagerRow.Cells[0].FindControl("btnFirst");
            LinkButton linkBtnPrev = (LinkButton)pagerRow.Cells[0].FindControl("btnPrev");
            LinkButton linkBtnNext = (LinkButton)pagerRow.Cells[0].FindControl("btnNext");
            LinkButton linkBtnLast = (LinkButton)pagerRow.Cells[0].FindControl("btnLast");
            if (this.GridView1.PageIndex == 0)
            {
                linkBtnFirst.Enabled = false;
                linkBtnPrev.Enabled = false;
            }
            else
            {
                linkBtnFirst.Enabled = true;
                linkBtnPrev.Enabled = true;
            }

            if (GridView1.PageIndex == GridView1.PageCount - 1)
            {
                linkBtnLast.Enabled = false;
                linkBtnNext.Enabled = false;
            }
            else
            {
                linkBtnLast.Enabled = true;
                linkBtnNext.Enabled = true;
            }

            for (int i = 0; i <= GridView1.Rows.Count - 1; i++)
            {
                DataRowView mydrv;
                string gIntro;
                if (GridView1.PageIndex == 0)
                {
                    mydrv = ds.Tables["data"].DefaultView[i];
                    gIntro = Convert.ToString(mydrv["sjysm"]);     //这里取出单元格数据,
                    GridView1.Rows[i].Cells[7].Text = SubStr(gIntro, 4);//自定义了一个函数SubStr进行截取,返回的值重新绑定到gridview控件的单元格中.
                }
                else
                {
                    mydrv = ds.Tables["data"].DefaultView[i + (5 * GridView1.PageIndex)];
                    gIntro = Convert.ToString(mydrv["sjysm"]);
                    GridView1.Rows[i].Cells[3].Text = SubStr(gIntro, 4);
                }
            }
        }
    }
    #endregion

 

如果大家有其它好的方法，希望能提出。

共同交流 共同学习

GridView控件实现分页
gengyudan的专栏
12-10 3112
当GridView中显示的记录很多的时候，可以通过GridView的分页功能来分页显示这些记录。 如果GridView是直接绑定数据库，则很简单：只要点击GridView空间左上角的小三角形，再弹出的选项中，将"启动分页"打上勾即可。 如果是用代码实现，则需要这么做： 1、允许分页：设置AllowPaging=True； 2、设置GridView属性栏中PagerSetting里的一些属性
GridView分页详解
刘凤飞
12-17 1123
本次使用GridView是工厂模式下  无极限分类 GridView详解 1.GridView前台分析 2.GridView分页讲解 3.GridView绑定，编辑，更新，取消，删除，排序  GridView分页 前台 //GridView分页 start                         当前第: //获得当前页面                 ">
关于GridView分页
php|nginx|python|vue|redis|linux
03-04 1924
在GridView中实现分页的效果方法很简单，只需要在“GridView任务”对话框中进行设置就可以了。在“GridView任务”对话框中，选择“启用分页”命令，这样建立起简单的分页效果。在使用“启用分页”命令的时候要注意两点。（1） 是否允许分页GridView的AllowPaging属性。AllowPaging：是否允许分页。如果AllowPaging=“true”就是允许分页。否
【Android学习笔记】GridView+ResourceCursorAdapter 分页实现
weixin_30247781的博客
08-27 198
一、资源 GridView实现的分页，这篇博文写得简单，但是下源码就一目了然 http://daimajishu.iteye.com/blog/1086643 二、效果图 第一页： 第二页： 滑动中： 蛋疼啊ResourceCursorAdapter ..... 三、核心分析 之前的GridView Footer实现和分...
GridView分页功能
龙傲天的博客
01-17 831
GridView控件有内置分页功能，将AllowPaging属性设置为true,可启用分页，PageSettings分页属性样式 可以通过设置PagerSettings的Mode属性来自定义分页模式，分页模式包含： 1.NextPrevious：上一页和下一页按钮模式 2.NextPreviousFirstLast：上一页、下一页、第一页和最后一页按钮模式 3.Numeric：带编号的链接
Gridview分页
08-17
实现gridview分页，上一页，下一页，首页，尾页，go到指定页，使用sql server数据库
GridView分页
学而时习之，不亦说乎！
02-22 315
方法一： 前台页面： <asp:Label ID="lblPageSize" runat="server"><asp:Label ID="lblCurrentCount" runat="server" Text="]">
Gridview 分页
Bradwarden的专栏
01-06 655
Gridview 实现第一列数据鼠标点击效果，并对gridview分页，删除,完整版 为了省略数据库连接，方便演示，自己定义了dataset数据集提供演示 protected void Page_Load(object sender, EventArgs e)         {             if (!IsPostBack)             {
GridView控件实现分页功能
热门推荐
王伯仙的博客
04-14 4万+
初识ASP.NET中的控件，还是折腾了一小会儿，就把我折腾的结果给大家看看： 表格显示数据时网站开发中的一个常见的功能，ASP.NET提供了很多工具在网页中显示表格，GridView控件就是最常见的一个，下面说说如何实现这个控件的分页功能。         首先我在数据库中建好了一张表，里面输入了一些学生的信息，数据表是这样的：         下面我们将数据库中的数据导入到Gr
GridView分页的实现(通用分页模板)
01-02
要在GridView中加入 //实现分页 AllowPaging=”true” //一页数据10行 PageSize=”10″ // 分页时触发的事件 OnPageIndexChanging=”gvwDesignationName_PageIndexChanging” 在服务器事件里 代码如下: protectedvoid gvwDesignationName_PageIndexChanging(object sender, GridViewPageEventArgs e) { gvwDesignationName.PageIndex=e.newIndex; bingDesignatioon
goview：Goview是一个基于golang htmltemplate的轻量级，极简且惯用的模板库，用于构建Go Web应用程序
02-03
goview Goview是一个基于golang 的轻量级，极简且惯用的模板库，用于构建Go Web应用程序。 内容 安装 go get github.com/foolin/goview 产品特点 轻量级-使用golang html / template语法。 简易-易于使用的Web应用程序。 快速-支持配置缓存模板。 包含语法-支持包含文件。 主版面-支持配置主版面文件。 扩展名-支持配置模板文件扩展名。 简易-支持配置模板目录。 自动重新加载-支持动态重新加载模板（禁用缓存模式）。 多个引擎-支持前端和后端的多个模板。 没有外部依赖性-简单地去html / template。 Gorice-软件包资源的支持gorice。 Gin / Iris / Echo / Chi-支持gin框架，Iris框架，echo框架，go-chi框架。 文件 参见 支持 用于gin框架的 goview Iris框架的 goview goview for echo框架 goview for go.rice 用法 总览 项目结构： | - - app / views /
ViewPager+GridView实现首页导航栏布局分页效果
10-27
ViewPager+GridView实现首页导航栏布局分页效果http://www.cnblogs.com/wangfengdange/p/6004576.html
GridView分页的实现
zq9955的博客
11-20 1922
要在GridView中加入 //实现分页 AllowPaging=“true” //一页数据10行 PageSize=“10” // 分页时触发的事件 OnPageIndexChanging=“gvwDesignationName_PageIndexChanging” 在服务器事件里 protected void gvwDesignationName_PageIndexChanging(object sender, GridViewPageEventArgs e) { gvwDe
GridView实现分页功能
choulixiu1105的博客
08-01 630
当GridView中显示的记录很多的时候，可以通过GridView的分页功能来分页显示这些记录。如果GridView是直接绑定数据库，则很简单：只要点击GridView空间左上角的小三角形，再弹出的选项中，将"启动分页"打上勾即可。 如果是用代码实现，则需要这么做： 1、允许分页：设置...
GridView 分页通用方法
无趣哦
08-27 874
1、增加以下GridView属性： AllowPaging="true" //启用分页 PageSize="10" //每页显示10条数据 OnPageIndexChanging="gv_tclist_PageIndexChanging" //分页时触发的事件 2、分页时触发事件代码 protected void gv_tclist_PageIndexChan
GridView分页功能的实现
weixin_30657541的博客
07-04 332
当GridView中显示的记录很多的时候，可以通过GridView的分页功能来分页显示这些记录。如果GridView是直接绑定数据库，则很简单：将"启动分页"打勾即可。 如果是用代码实现，则需要这么做： 1、允许分页AllowPaging属性为True； 2、设置GridView属性栏中PagerSetting里的一些属性中，定义分页的样式； 3、进行数据绑定，将数据显示到GridView...
gridview分页变成上一页，下一页模式
cuibinmo3519的博客
01-14 263
在pageTemplate 分页模板列中可以增加如下代码 就做到了 利用gridview自带分页，转换一种方式的分页哦！ ...
GridView分页（第一页、上一页、下一页、最后页、当前页数/总页数）
qq476640569的专栏
11-14 1411
前台GridView页脚代码： PagerTemplate>                                                                     table width="100%">                                                                         tr>
控件GridView分页使用方法
05-23
GridView 是一个常用的控件，用于在网页上展示数据。当数据量较大时，我们通常需要对 GridView 进行分页，以便用户能够方便地浏览数据。下面是 GridView 分页的使用方法： 1. 在 .aspx 页面上添加 GridView 控件，并设置 AllowPaging 属性为 True。 ```html <asp:GridView ID="GridView1" runat="server" AllowPaging="True"></asp:GridView> ``` 2. 在 .aspx.cs 页面中编写代码，设置 GridView 的数据源并绑定数据。同时，设置 GridView 的 PageSize 属性为每页显示的数据量。最后，调用 DataBind() 方法绑定数据。 ```c# protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { // 设置数据源 DataTable dt = GetData(); // 设置每页显示的数据量 GridView1.PageSize = 10; // 绑定数据 GridView1.DataSource = dt; GridView1.DataBind(); } } private DataTable GetData() { // 从数据库中获取数据 // ... // 返回数据表 return dt; } ``` 3. 在 .aspx 页面上添加 PagerTemplate，用于显示分页按钮。 ```html <asp:GridView ID="GridView1" runat="server" AllowPaging="True"> <PagerTemplate> <asp:LinkButton ID="lnkPrev" runat="server" CommandName="Page" CommandArgument="Prev">上一页</asp:LinkButton> <% for (int i = 0; i < GridView1.PageCount; i++) { %> <asp:LinkButton ID="lnkPage" runat="server" CommandName="Page" CommandArgument="<%# i %>" Text="<%# i + 1 %>"></asp:LinkButton> <% } %> <asp:LinkButton ID="lnkNext" runat="server" CommandName="Page" CommandArgument="Next">下一页</asp:LinkButton> </PagerTemplate> </asp:GridView> ``` 4. 在 .aspx.cs 页面中编写代码，处理分页按钮的事件。 ```c# protected void GridView1_RowCommand(object sender, GridViewCommandEventArgs e) { if (e.CommandName == "Page") { // 获取当前页码 int pageIndex = GridView1.PageIndex; if (e.CommandArgument.ToString() == "Prev") { // 上一页 if (pageIndex > 0) { pageIndex--; } } else if (e.CommandArgument.ToString() == "Next") { // 下一页 if (pageIndex < GridView1.PageCount - 1) { pageIndex++; } } else { // 其他页码 pageIndex = Convert.ToInt32(e.CommandArgument); } // 设置当前页码 GridView1.PageIndex = pageIndex; // 重新绑定数据 GridView1.DataSource = GetData(); GridView1.DataBind(); } } ``` 通过以上步骤，就可以实现 GridView 的分页功能了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值