.NET中使用datagrid实现的简单分页效果

原创 2005年05月07日 02:42:00

<!--前台页面-->
 
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="Try1.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>
  <form id="Form1" method="post" runat="server">
   <P><FONT face="宋体"></FONT>&nbsp;</P>
   <P>
    <asp:DataGrid id="DataGrid1" runat="server" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px"
     BackColor="White" CellPadding="4" AllowPaging="True" PageSize="5" AllowSorting="True">
     <SelectedItemStyle Font-Bold="True" ForeColor="#CCFF99" BackColor="#009999"></SelectedItemStyle>
     <ItemStyle ForeColor="#003399" BackColor="White"></ItemStyle>
     <HeaderStyle Font-Bold="True" ForeColor="#CCCCFF" BackColor="#003399"></HeaderStyle>
     <FooterStyle ForeColor="#003399" BackColor="#99CCCC"></FooterStyle>
     <PagerStyle HorizontalAlign="Left" ForeColor="#003399" BackColor="#99CCCC" PageButtonCount="6"
      Mode="NumericPages"></PagerStyle>
    </asp:DataGrid></P>
   <P>
    <asp:Panel id="Panel1" runat="server">
     <asp:LinkButton id="btnPrevious" runat="server" CommandName="Previous"><=Previous</asp:LinkButton>
     <FONT face="宋体">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <asp:LinkButton id="btnNext" runat="server" CommandName="Next">Next=></asp:LinkButton>
      <asp:TextBox id="txtIndex" runat="server" Width="24px" Columns="2" MaxLength="2"></asp:TextBox>
      <asp:Button id="btnGo" runat="server" BackColor="Gainsboro" BorderWidth="1px" BorderStyle="Solid"
       BorderColor="Silver" Text="Go!"></asp:Button>
      <asp:Label id="lblError" runat="server" ForeColor="Red" Visible="False">No that page!</asp:Label></FONT>
    </asp:Panel></P>
   <FONT face="宋体"></FONT>
   <asp:Panel id="pnlIndex" runat="server">Panel</asp:Panel>
  </form>
 </body>
</HTML>

//-------后台代码---------------------------------
//-------使用的数据库是sqlserver2000示例数据库------
using System;
using System.Collections;
using System.ComponentModel;
using System.Configuration;
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 Try1
{
 /// <summary>
 /// WebForm1 的摘要说明。
 /// </summary>
 public class WebForm1 : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.DataGrid DataGrid1;
  private DataSet dsNorth;
  protected System.Web.UI.WebControls.Panel Panel1;
  protected System.Web.UI.WebControls.LinkButton btnPrevious;
  protected System.Web.UI.WebControls.LinkButton btnNext;
 
  //使用dataview,以实现排序效果
  private DataView dvNorth;
  protected System.Web.UI.WebControls.TextBox txtIndex;
  protected System.Web.UI.WebControls.Button btnGo;
  protected System.Web.UI.WebControls.Label lblError;
  protected System.Web.UI.WebControls.Panel pnlIndex;
 
 
  private void Page_Load(object sender, System.EventArgs e)
  {
   // 在此处放置用户代码以初始化页面
   LoadDataSet();
   InitpnlIndex();
  }
  #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.DataGrid1.SortCommand += new System.Web.UI.WebControls.DataGridSortCommandEventHandler(this.DataGrid1_SortCommand);
   this.btnPrevious.Click += new System.EventHandler(this.NavigationButtonClick);
   this.btnNext.Click += new System.EventHandler(this.NavigationButtonClick);
   this.btnGo.Click += new System.EventHandler(this.btnGo_Click);
   this.Load += new System.EventHandler(this.Page_Load);
  }
  #endregion
 
//加载数据集
  private void LoadDataSet()
  {
   SqlConnection cnNorth=new SqlConnection(ConfigurationSettings.AppSettings["cnNorth.ConnectionString"]);
   string cmdString="SELECT * FROM Customers";
   SqlDataAdapter adNorth=new SqlDataAdapter(cmdString,cnNorth);
   cnNorth.Open();
   dsNorth=new DataSet();
   try
   {
    adNorth.Fill(dsNorth,"North");
   }
   catch
   {
    throw;
   }
   finally
   {
    cnNorth.Close();
   }
   dvNorth=new DataView();
   dvNorth.Table=dsNorth.Tables["North"];
   DataGrid1.DataSource=dvNorth;
   DataGrid1.DataBind();
  }
 
//初始化索引
  private void InitpnlIndex()
  {
   pnlIndex.Controls.Clear();
   int pageCount;
   LinkButton btnIndex;
   for (pageCount=0;pageCount<DataGrid1.PageCount;pageCount++)
   {
    int btnText=pageCount+1;
    btnIndex=new LinkButton();
    btnIndex.Text=btnText.ToString();
    btnIndex.CommandName=pageCount.ToString();
    btnIndex.Click+=new EventHandler(this.IndexButtonClick);
    pnlIndex.Controls.Add(btnIndex);
    pnlIndex.Controls.Add(new LiteralControl(" "));
   }
  }
 
//索引单击效果
  private void IndexButtonClick(object sender,System.EventArgs e)
  {
   string direction=((LinkButton)sender).CommandName;
   int pageIndex=Convert.ToInt32(direction);
   DataGrid1.CurrentPageIndex=pageIndex;
   DataGrid1.DataBind();
  }
 
//排序效果实现
  private void DataGrid1_SortCommand(object source, System.Web.UI.WebControls.DataGridSortCommandEventArgs e)
  {
   this.dvNorth.Sort=e.SortExpression;
   DataGrid1.DataBind();
  }
 
//索引单击效果
  private void DataGrid1_PageIndexChanged(object source, System.Web.UI.WebControls.DataGridPageChangedEventArgs e)
  {
   DataGrid1.CurrentPageIndex=e.NewPageIndex;
   DataGrid1.DataBind();
  }
 
//翻页效果
  private void NavigationButtonClick(object sender, System.EventArgs e)
  {
   string direction=((LinkButton)sender).CommandName;
   switch(direction.ToUpper())
   {
    case "PREVIOUS":
     DataGrid1.CurrentPageIndex=Math.Max(DataGrid1.CurrentPageIndex-1,0);
     break;
    case "NEXT":
     DataGrid1.CurrentPageIndex=Math.Min(DataGrid1.CurrentPageIndex+1,DataGrid1.PageCount-1);
     break;
    default:
     break;
   }
   DataGrid1.DataBind();
 
  }
 
//去第几页效果
  private void btnGo_Click(object sender, System.EventArgs e)
  {
   int pageIndex=0;
   try
   {
    pageIndex=Convert.ToInt32(txtIndex.Text);
   
   }
   catch(Exception ex)
   {
    lblError.Visible=true;
    lblError.Text=ex.Message;
   }
   finally
   {
    lblError.Visible=false;
    lblError.Text="No that page!";
   }
   if(pageIndex>0&&pageIndex<=DataGrid1.PageCount)
   {
    try
    {
     DataGrid1.CurrentPageIndex=Math.Min(DataGrid1.PageCount,pageIndex-1);
     DataGrid1.DataBind();
    }
    catch
    {
     lblError.Visible=true;
    
    }
    finally
    {
     lblError.Visible=false;
    }
   }
   else
   {
    lblError.Visible=true;
   }
  }
 
 }
}

datagrid分页效果


在Asp.net中使用DataGrid分页

  • 2010年09月28日 10:27
  • 1KB
  • 下载

基于asp.net + easyui框架,一步步学习easyui-datagrid——实现分页和搜索(二)

上篇博客我只是将界面的部分完成了,继续上篇博客的内容,这篇博客我们需要将数据库中的记录显示到界面上,并实现数据的分页显示。 曾经我写过分页的博客,分页很简单, 本质区别在于分页时从数据...

如何使用 Visual C# .NET 对 DataGrid Windows 控件执行分页?

DataGrid Web 控件有内置的自动或自定义分页功能,而 DataGrid Windows 控件则没有。本文演示了如何为 DataGrid Windows 控件创建简单的分页机制。 本文...

Asp.net使用JQuery实现评论的无刷新分页及分段延迟加载效果

首先建立数据库,数据关系图如下: 本文要实现的效果就是在评论别人文章时,如果文章内容过长或者评论内容过长,实现的一个评论分段延迟加载的效果,即每页可显示30条评论,可每隔10条延迟加载一次以提高...

让Asp.NET的DataGrid可排序、可选择、可分页

让Asp.NET的DataGrid可排序、可选择、可分页 DataGrid是Asp.NET中的一个重要的控件,经常我们都将DataGrid做成可分页的和可排序的,有时还需要加上选择功能。这些都是经常...

vb.net DataGrid Windows 控件执行分页

http://support.microsoft.com/kb/305271/zh-cn DataGrid Web 控件有内置的自动或自定义分页功能,但是 DataGrid Wind...

asp.net与JQuery EasyUi DataGrid 服务器端分页,添加增加,修改,删除 按钮

Html代码 background-color: #F4F4F4; overflow: hidden;"> 公司名称 查询 padding-left: 0; overflow: hidde...

.net mvc3 + easyui datagrid 获取单页数据 无刷新分页

html:​ ​ 代码 复制 - 运行 ​ JQuery easyui:​ ​ 代码 复制 - 运行 $('#dataList').datagrid({ ...

Asp.Net 生成静态页并实现分页效果

1、静态模板页面 template.html,主要是定义了一些特殊字符,用来被替换。          Title          Title    ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:.NET中使用datagrid实现的简单分页效果
举报原因:
原因补充:

(最多只允许输入30个字)