GridView控件自定义分页的实现

前人栽树，后人乘凉，话不多说，代码如下：

实现方式一：

.aspx:

[c-sharp] view plain copy

<form id="form1" runat="server">
<table style="width: 605px">
<tr>
<td style="width: 921px">
<asp:GridView ID="GridView1" runat="server" Width="700px" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging" Height="232px">
<PagerSettings Visible="False" />
</asp:GridView>
</td>
</tr>
<tr>
<td style="width: 921px; height: 23px" >共
<asp:Label ID="recordCount" runat="server"></asp:Label> 条/
<asp:Label ID="LabelCurrentPage" runat="server"></asp:Label>
<asp:Label ID="LabelPageCount" runat="server"></asp:Label>页
<asp:LinkButton ID="First" runat="server" CommandArgument="First" CommandName="Page" OnClick="PagerButton_Click">首页</asp:LinkButton>
<asp:LinkButton ID="Prev" runat="server" CommandArgument="Prev" CommandName="Page" OnClick="PagerButton_Click">上一页</asp:LinkButton>
<asp:LinkButton ID="Next" runat="server" CommandArgument="Next" CommandName="Page" OnClick="PagerButton_Click">下一页</asp:LinkButton>
<asp:LinkButton ID="Last" runat="server" CommandArgument="Last" CommandName="Page" OnClick="PagerButton_Click">尾页</asp:LinkButton>
<asp:Label ID="Label1" runat="server">第</asp:Label>
<asp:TextBox ID="txtPage" runat="server" Width="18px"></asp:TextBox>
<asp:Label ID="Label2" runat="server">页</asp:Label>
<asp:Button ID="btnLoginPage" runat="server" Text="GO" OnClick="btnLoginPage_Click" />
</td>
</tr>
</table>
</form>

.CS:(以下代码可能折叠，请自行点击下面的按钮展开)

[c-sharp] view plain copy

using System;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;
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;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
//绑定数据
Bind();
}
//计算生成分页页码
this.First.CommandName = "1";
this.Prev.CommandName = this.GridView1.PageIndex == 0 ? "1" : this.GridView1.PageIndex.ToString();
if (this.GridView1.PageCount == 1)
{
this.Next.CommandName = this.GridView1.PageCount.ToString();
}
else
{
int temp = this.GridView1.PageIndex + 2;
this.Next.CommandName = temp.ToString();
}
this.Last.CommandName = this.GridView1.PageCount.ToString();
}
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
GridView1.PageIndex = e.NewPageIndex;
this.Bind();
}
//点击LinkButton按钮事件
protected void PagerButton_Click(object sender, EventArgs e)
{
this.GridView1.PageIndex = Convert.ToInt32(((LinkButton)sender).CommandName) - 1;
this.Bind();
}
protected void Bind()
{
//数据绑定代码
string strconn = "Data Source=.; Initial Catalog=JWInfo; uid=sa;pwd=123456;";
SqlConnection conn = new SqlConnection(strconn);
conn.Open();
SqlCommand cmd = new SqlCommand("select * from 学生信息", conn);
SqlDataAdapter sda = new SqlDataAdapter();
sda.SelectCommand = cmd;
DataSet ds = new DataSet();
sda.Fill(ds, "学生信息");
GridView1.DataSource = ds.Tables["学生信息"];
GridView1.DataBind();
//总页数，当前页，总记录数
this.recordCount.Text = ds.Tables[0].Rows.Count.ToString();
int t = this.GridView1.PageIndex+1;
this.LabelCurrentPage.Text = t.ToString();
this.LabelPageCount.Text = this.GridView1.PageCount.ToString();
//设置相关按钮是否可见
this.First.Enabled = Convert.ToBoolean(GridView1.PageIndex != 0);
this.Prev.Enabled = Convert.ToBoolean(GridView1.PageIndex != 0);
this.Next.Enabled = Convert.ToBoolean(this.GridView1.PageIndex != this.GridView1.PageCount - 1);
this.Last.Enabled = Convert.ToBoolean(this.GridView1.PageIndex != this.GridView1.PageCount - 1);
}
//页码跳转实现
protected void btnLoginPage_Click(object sender, EventArgs e)
{
int page = Convert.ToInt32(txtPage.Text.Trim());
if (page < 0 || page > GridView1.PageCount)
{
Response.Write("<mce:script language='javascript'><!--
alert('输入的页码有错请重新输入');
// --></mce:script>");
}
else
{
GridView1.PageIndex = page - 1;
this.Bind();
}
}
}

实现方式二：

这里通过使用GridView自带的分页模板实现，代码如下：

[c-sharp] view plain copy

<form id="form1" runat="server">
<div>
<asp:GridView ID="GridView1" runat="server" Width="740px" AllowPaging="True" OnPageIndexChanging="GridView1_PageIndexChanging">
<PagerTemplate>
<asp:Label ID="Label1" runat="server" Text="第"></asp:Label>
<asp:Label ID="LabelCurrentPage" runat="server" Text="<%# ((GridView)Container.NamingContainer).PageIndex + 1 %>"></asp:Label>
<asp:Label ID="Label2" runat="server" Text="页"></asp:Label>
<asp:Label ID="Label3" runat="server" Text="共"></asp:Label>
<asp:Label ID="LabelPageCount" runat="server" Text="<%# ((GridView)Container.NamingContainer).PageCount %>"></asp:Label>
<asp:Label ID="Label4" runat="server" Text="页"></asp:Label>
<asp:LinkButton ID="LinkButtonFirstPage" runat="server" CommandArgument="First" CommandName="Page" Enabled="<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>">首页</asp:LinkButton>
<asp:LinkButton ID="LinkButtonPreviousPage" runat="server" CommandArgument="Prev" CommandName="Page" Enabled="<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>">上一页</asp:LinkButton>
<asp:LinkButton ID="LinkButtonNextPage" runat="server" CommandArgument="Next" CommandName="Page" Enabled="<%# ((GridView)Container.NamingContainer).PageIndex != ((GridView)Container.NamingContainer).PageCount - 1 %>">下一页</asp:LinkButton>
<asp:LinkButton ID="LinkButtonLastPage" runat="server" CommandArgument="Last" CommandName="Page" Enabled="<%# ((GridView)Container.NamingContainer).PageIndex != ((GridView)Container.NamingContainer).PageCount - 1 %>">尾页</asp:LinkButton>
</PagerTemplate>
</asp:GridView>
</div>
</form>

这其中，我曾看到有人，用类似的方法实现，但我在以下的代码中实现了一点小变动，将其中的Visable属性，改用Enable属性，本人认为更为合理，并且有利布局：

[c-sharp] view plain copy

<asp:LinkButton ID="LinkButtonFirstPage" runat="server" CommandArgument="First" CommandName="Page" Enabled="<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>">首页</asp:LinkButton>
<asp:LinkButton ID="LinkButtonPreviousPage" runat="server" CommandArgument="Prev" CommandName="Page" Enabled="<%# ((GridView)Container.NamingContainer).PageIndex != 0 %>">上一页</asp:LinkButton>
<asp:LinkButton ID="LinkButtonNextPage" runat="server" CommandArgument="Next" CommandName="Page" Enabled="<%# ((GridView)Container.NamingContainer).PageIndex != ((GridView)Container.NamingContainer).PageCount - 1 %>">下一页</asp:LinkButton>
<asp:LinkButton ID="LinkButtonLastPage" runat="server" CommandArgument="Last" CommandName="Page" Enabled="<%# ((GridView)Container.NamingContainer).PageIndex != ((GridView)Container.NamingContainer).PageCount - 1 %>">尾页</asp:LinkButton>

.CS:

[c-sharp] view plain copy

using System;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;
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;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
Bind();
}
}
protected void Bind()
{
string strconn = "Data Source=.; Initial Catalog=JWInfo; uid=sa;pwd=123456;";
SqlConnection conn = new SqlConnection(strconn);
conn.Open();
SqlCommand cmd = new SqlCommand("select * from 学生信息", conn);
SqlDataAdapter sda = new SqlDataAdapter();
sda.SelectCommand = cmd;
DataSet ds = new DataSet();
sda.Fill(ds, "学生信息");
GridView1.DataSource = ds.Tables["学生信息"];
GridView1.DataBind();
}
protected void GridView1_PageIndexChanging(object sender, GridViewPageEventArgs e)
{
this.GridView1.PageIndex = e.NewPageIndex;
this.Bind();
}
}

以上是对别人实现的一些总结，和对其中一些代码实现的改进，希望各位指教！

原文发布时间为：2009-10-05

本文作者：vinoYang

时间： 2024-10-27 23:31:11

GridView控件自定义分页的实现的相关文章

ASP.NET技巧：GridView控件自定义分页详解

asp.net|分页|技巧|控件|详解前些天我写了关于 <<在存储过程中实现分页>>和<<GridView控件事件详解 >> ,后来又有一些人问我怎样在GridView中应用这个东东!其实很简单,主要是怎么保存当前页面的页码PageIndex问题,不过把这个解决了什么都好办了.因为在分页过程中:PageSize是一定的,我们可以用一个属性来表示.保存PageIndex好多中方法,而且数据不是很庞大,基本不会好太多的资源.还是一句老话,话再多都没有例子直

Android GridView控件自定义

虽然Android已自带了GridView,但是,却不够灵活,同时也不能自由添加控件,因此,本人通过需要进一步封装,来实现Android自定义GridView控件,达到自己需要的效果. 我们看一下最终所需要的效果图: 说明: 上图:这里先省去分页,只讲:Android GridView 控件实现自定义. 按照上面的图例需求,大致上可以把Android GridView 画成如下的方式: 思路如下: 默认将我们的组合控件设置为Orientation 是VERTICAL. 首先一行五个,那么一行以一

net-使用gridview控件自定义列之后怎么删除默认的？

问题描述使用gridview控件自定义列之后怎么删除默认的? 怎么把图中右边的那几个默认的列给删了,在线等,多谢多谢解决方案自定义GridView控件GridVieW控件自定义删除按钮-解决多级相关中删除问题Gridview全解之自定义删除控件

GridView控件的分页显示问题

问题描述使用DropDownList选择其中任意一项,将查询结果返回到GridView中显示,GridView启用了分页效果,问题是,当点击GridView中任意一个分页链接时,显示的是全部结果,之前筛选出来的结果被冲掉了.我想实现的效果是当安闲DropDownList选择其中某项时,筛选出来的结果显示在GridView中,即使翻页也不会影响当前结果.如何实现?以下是我写的源码:显示页面--<body><formid="form1"runat="serve

ASP.NET 数据列表控件的分页总结(一)自定义方法分页和PageDataSource类分页

在Asp.net中,提供了三个功能强大的列表控件:GridView.DataList和Repeater控件,但其中只有GridView控件提供分页功能.虽然DataGrid提供了分页功能,不过看上去功能有限,但是我们可以通过GridView的一些属性来获取状态以及增加首页.尾页功能按钮.如果在速度效率不是很讲究的情况下,由DataGrid自己管理分页还是不错的,付出的代价就是要把整个相关数据取出来后再删选指定页的数据.好处就是开发速度快,不需要写分页的存储过程.所以若需要追求执行效率,而且数据量

小弟请教个自定义gridView控件遇到的问题?

问题描述我现在打算自己写个GridView控件,但是排序的问题让我有点不好实现,我在调用的时候怎么将当前的排序字段传给控件呢也就是说排序功能怎么可以实现自定义,使得这个控件更通用?各位有什么好的建议...我用的是vs2005 解决方案解决方案二:在表头加上单击事件然后在后台:usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Collections;usingSystem.Web;usingSystem.Web

在ASP.NET 2.0中操作数据：在GridView控件中使用TemplateField

asp.net|控件|数据导言让我们花点时间在浏览器中来看看我们的成果.这时,你将看到一个表格, 表格中每一个记录都是一个雇员的信息,一共有四列:一个是雇员的姓, 一个是名字,一个是头衔,还有一个是他们的受雇日期. 就像你看到的那样,TemplateField由两个模板组成--一个ItemTemplate,它有一个Label控件,其Text属性被设置为FirstName数据字段的值:还有一个EditItemTemplate,它有一个TextBix控件,其Text属性也被设置为

C#与SQL连接:GridView控件对数据库的操作_C#教程

GridView和DataGrid的异同 GridView 是 DataGrid的后继控件,在.net framework 2 中,虽然还存在DataGrid,但是GridView已经走上了历史的前台,取代DataGrid的趋势已是势不可挡.GridView和DataGrid功能相似,都是在web页面中显示数据源中的数据,将数据源中的一行数据,也就是一条记录,显示为在web页面上输出表格中的一行. GridView相对于DataGrid来说,具有如下优势,功能上更加丰富,因为提供了智能标记面板(

灵活掌握asp.net中gridview控件的多种使用方法（上）_实用技巧

灵活使用asp.net中gridview控件的方法有很多种,本文内容很富,希望大家都能有所收获. 1.GridView无代码分页排序: 效果图: 小提示: 1.AllowSorting设为True,aspx代码中是AllowSorting="True": 2.默认1页10条,如果要修改每页条数,修改PageSize即可,在aspx代码中是PageSize="12". 3.默认的是单向排序的,右击GridView弹出"属性",选择AllowSort