(一)说明
一般情况下,使用DataGrid自带的翻页按钮就能够实现所有翻页操作了,但有时候想定制自己的翻页样式
或美化其显示效果,这时可以自已写个翻页用户控件.
(二).显示效果载图
说明: DataGrid上面的一些控件为自定义的翻页控件
(二)代码
1.*.aspx代码文件:
<%@ Page language="c#" Codebehind="DGCustomerPagination.aspx.cs" AutoEventWireup="false" Inherits="New_DataGrid自定义分页事件.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</HEAD>
<body MS_POSITIONING="GridLayout">
<form id="Form1" method="post" runat="server">
<asp:datagrid id="DataGrid1" style="Z-INDEX: 101; LEFT: 96px; POSITION: absolute; TOP: 160px"
runat="server" Width="768px" AllowPaging="True">
<HeaderStyle BackColor="#999900"></HeaderStyle>
<PagerStyle NextPageText="下一页" PrevPageText="上一页" Mode="NumericPages"></PagerStyle>
</asp:datagrid><asp:linkbutton id="lbLastPage" style="Z-INDEX: 105; LEFT: 808px; POSITION: absolute; TOP: 120px"
onclick="ChangePageClick" runat="server" CommandArgument="last">最后页</asp:linkbutton><asp:linkbutton id="lbNextPage" style="Z-INDEX: 104; LEFT: 744px; POSITION: absolute; TOP: 120px"
onclick="ChangePageClick" runat="server" CommandArgument="next">下一页</asp:linkbutton><asp:linkbutton id="lbPrevPage" style="Z-INDEX: 103; LEFT: 680px; POSITION: absolute; TOP: 120px"
onclick="ChangePageClick" runat="server" CommandArgument="prev">上一页</asp:linkbutton><asp:linkbutton id="lbFirstPage" style="Z-INDEX: 102; LEFT: 616px; POSITION: absolute; TOP: 120px"
onclick="ChangePageClick" runat="server" CommandArgument="first">最前页</asp:linkbutton>
<asp:Label id="lblDisplayPosition" style="Z-INDEX: 106; LEFT: 240px; POSITION: absolute; TOP: 120px"
runat="server" Width="64px"></asp:Label>
<asp:TextBox id="txtSelectPage" style="Z-INDEX: 107; LEFT: 360px; POSITION: absolute; TOP: 120px"
runat="server" Width="104px"></asp:TextBox>
<asp:Button id="btnSelectPage" style="Z-INDEX: 108; LEFT: 472px; POSITION: absolute; TOP: 120px"
runat="server" Text="确定"></asp:Button>
<asp:Label id="lblError" style="Z-INDEX: 109; LEFT: 520px; POSITION: absolute; TOP: 120px"
runat="server" Width="88px">Label</asp:Label>
<asp:Label id="lbTotal" style="Z-INDEX: 110; LEFT: 104px; POSITION: absolute; TOP: 120px" runat="server"
Width="136px"></asp:Label></form>
</body>
</HTML>
2.*.aspx.cs代码文件
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace New_DataGrid自定义分页事件
{
/// <summary>
/// DataGrid自定义分页
/// </summary>
public class WebForm1 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.DataGrid DataGrid1;
protected System.Web.UI.WebControls.LinkButton lbLastPage;
protected System.Web.UI.WebControls.LinkButton lbNextPage;
protected System.Web.UI.WebControls.LinkButton lbPrevPage;
protected System.Web.UI.WebControls.LinkButton lbFirstPage;
protected System.Web.UI.WebControls.Label lblDisplayPosition;
protected System.Web.UI.WebControls.Button btnSelectPage;
protected System.Web.UI.WebControls.TextBox txtSelectPage;
protected System.Web.UI.WebControls.Label lblError;
protected System.Web.UI.WebControls.Button Button1;
protected System.Web.UI.WebControls.Label lbTotal; //显示记录总数
private static int intRecord = 0; //显示总记录数
private void Page_Load(object sender, System.EventArgs e)
{
this.lblError.Text = "";
if(!Page.IsPostBack)
{
GetData(); // 生成数据
this.BindData(); //绑定数据到DataGrid
DisPlayStats(); //显示这样的表示: 2/100 意思是:共100页,当前为第二页
}
}
/// <summary>
/// 生成数据
/// </summary>
private void GetData()
{
DataTable table = new DataTable();
DataColumnCollection columns = table.Columns;
//定义结构
columns.Add("学号",typeof(System.Int32));
columns.Add("分数",typeof(System.Int32));
Random myRandom = new Random();
int intScore = 0;
for(int i = 1;i < 101; i++)
{
intScore = myRandom.Next(100);
DataRow drNew = table.NewRow();
drNew[0] = i.ToString();
drNew[1] = intScore.ToString();
table.Rows.Add(drNew);
}
this.ViewState.Add("table",table);
intRecord = table.Rows.Count;
this.lbTotal.Text = "总共:"+intRecord.ToString()+"条记录";
}
/// <summary>
/// 绑定DataGrid
/// </summary>
private void BindData()
{
DataTable table = (DataTable)this.ViewState["table"];
this.DataGrid1.DataSource = table;
this.DataGrid1.DataBind();
}
/// <summary>
/// 自定义控件按钮事件
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
public void ChangePageClick(object sender, EventArgs e)
{
string CommandName = ((LinkButton)sender).CommandArgument.ToString();
switch(CommandName)
{
case "next":
if (DataGrid1.CurrentPageIndex < DataGrid1.PageCount - 1 )
{
DataGrid1.CurrentPageIndex += 1;
}
break;
case "prev":
if (DataGrid1.CurrentPageIndex > 0)
{
DataGrid1.CurrentPageIndex -= 1;
}
break;
case "last":
DataGrid1.CurrentPageIndex = (DataGrid1.PageCount - 1);
break;
default:
DataGrid1.CurrentPageIndex = 0;
break;
}
DisPlayStats();
}
public void DisPlayStats()
{
this.lblDisplayPosition.Text = (DataGrid1.CurrentPageIndex + 1).ToString() + "/";
this.lblDisplayPosition.Text += DataGrid1.PageCount.ToString();
this.txtSelectPage.Text = (DataGrid1.CurrentPageIndex + 1).ToString();
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.DataGrid1.PageIndexChanged += new System.Web.UI.WebControls.DataGridPageChangedEventHandler(this.DataGrid1_PageIndexChanged);
this.btnSelectPage.Click += new System.EventHandler(this.btnSelectPage_Click);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void DataGrid1_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)
{
try
{
this.DataGrid1.CurrentPageIndex = e.NewPageIndex;
}
catch
{
this.DataGrid1.CurrentPageIndex = 0;
}
this.BindData();
}
private void btnSelectPage_Click(object sender, System.EventArgs e)
{
int intPage = 0;
try
{
intPage = int.Parse(this.txtSelectPage.Text);
}
catch
{
this.lblError.Text = "只能输入数字!";
return;
}
try
{
this.DataGrid1.CurrentPageIndex = intPage-1;
this.BindData();
}
catch
{
this.DataGrid1.CurrentPageIndex = 0;
this.BindData();
this.lblError.Text = "超出页码范围!";
}
DisPlayStats();
}
}
}
(四).示例源代码下载(可以直接运行)
http://www.cnblogs.com/Files/ChengKing/自定义分页example.rar
分享到:
相关推荐
DataGrid模板列自定义控件使用,依赖属性的绑定
jeasyui-datagrid-datagrid 开发参考
功能提示: DataGrid绑定控件示例
实现.net compact framework环境下,datagrid控件的个性化显示,包括编辑\下拉列表\选择框等.
2、添加DataGrid1控件:Ctrl+W打开类向导,工程->增加到工程->Components and Contols->Registered ActiveX Controls->Microsoft DataGrid Control 6.0 (sp6)(OLEDB)->Insert 3、为IDC_DATAGRID1关联变量m_DataGrid ...
Flex中如何创建自定义排序DataGrid控件的例子
自定义Datagrid,合并列显示多个字段、排序、自定义分页。包括源码、示例、文档
jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip jeasyui-datagrid-datagrid2.zip
图片是在XP下截的,所以看不出效果,在Win7下效果好点.其中的DataGrid分页绑定控件方法只要传入被绑定的DataGrid对象和数据源就可以绑定了,操作简单.
用c++ 开发的datagrid控件,适用于想学习控件开的完美参考例子
通过自定义类的设计来增强该控件的功能,使DataGrid 具有查找、筛选、排序、显示或隐藏列控制、读写列控制以及同步数据内容导出的功能,并且以上下文菜单的形式封装这些功能,使用户通过右击鼠标就能选择相应菜单的...
wpf DataGrid 自定义样式、控件模板 ControlTemplate
2、添加FlexGrid1控件:Ctrl+W打开类向导,工程->增加到工程->Components and Contols->Registered ActiveX Controls->Microsoft FlexGrid Control ,version6.0 ->Insert 3、为IDC_DATAGRID1关联变量m_FlexGrid1 4、...
easyui--5.DataGrideasyui--5.DataGrideasyui--5.DataGrideasyui--5.DataGrideasyui--5.DataGrideasyui--5.DataGrideasyui--5.DataGrid
asp.net用datagrid控件连接数据库的两个实例.
个人收藏的插件,jquery-easyui-datagrid,分享给大家。
商业编程-源码-DataGrid数据增删及分页演示.zip
Laravel开发-laravel-datagrid-builder Laravel数据报生成器-使用jquery bootgrid
DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题 DataGrid自定义列标题
自定义DataGrid分页块完美实现