学院首页>网络编程>ASP.NET>亲密接触ASP.Net(13)

亲密接触ASP.Net(13)

作者: 来源:不详 添加时间:2006-5-25 19:42:53
   个性化的分页实现
  
  我们前面讲的分页,只不过是通过修改DataGrid的属性来实现分页,这样有这样的好处,最大的就是简单,呵呵,根本不用操心,分页是如何产生的。
  
  但是它同样有缺点,不能按照我们想像的产生各种我们需要的样式。
  
  没有办法,想个性化功能,只有自已动手来做了,呵呵。
  
  我们一步步的来,首先是导入需要的命名空间。下面的例子,其实也是我从国外找来的,再加上点个人的东东,再汉化,呵呵。今天心情很好,我连标签色彩都给大家显示出来了。呵呵,更利于大家看程序。
  
  <%@ Page Language="C#" %>
  <%@ Import Namespace="System.Data" %>
  <%@ Import Namespace="System.Data.SQL" %>
  
  我们先看看,我们的web控件是哪些,再看看代码是怎么写的,这样比较好:)
  
  <body>
  
  <h3><font face="Verdana">个性化的分页实例^&^</font></h3>
  
  <form runat=server>
  
  <ASP:DataGrid id="MyDataGrid" runat="server"
  AllowPaging="True"
  PageSize="10"
  PagerStyle-Mode="NumericPages"
  PagerStyle-HorizontalAlign="Right"
  OnPageIndexChanged="MyDataGrid_Page"
  BorderColor="black"
  BorderWidth="1"
  GridLines="Both"
  CellPadding="3"
  CellSpacing="0"
  Font-Name="Verdana"
  Font-Size="8pt"
  HeaderStyle-BackColor="#aaaadd"
  AlternatingItemStyle-BackColor="#eeeeee"
  AutoGenerateColumns="false"
  
  >
  <property name="Columns">
  <asp:BoundColumn HeaderText="工作室成员" DataField="Enter_ID" />
  <asp:BoundColumn HeaderText="登陆时间" DataField="Enter_Time" />
  </property>
  </ASP:DataGrid>
  
  <p>
  <asp:LinkButton id="btnFirst" runat="server"
  Text="首页"
  CommandArgument="0"
  ForeColor="navy"
  Font-Name="verdana" Font-size="8pt"
  OnClick="PagerButtonClick"
  />

  <asp:LinkButton id="btnPrev" runat="server"
  Text="前页"
  CommandArgument="prev"
  ForeColor="navy"
  Font-Name="verdana" Font-size="8pt"
  OnClick="PagerButtonClick"
  />

  <asp:LinkButton id="btnNext" runat="server"
  Text="后页"
  CommandArgument="next"
  ForeColor="navy"
  Font-Name="verdana" Font-size="8pt"
  OnClick="PagerButtonClick"
  />

  
  <asp:LinkButton id="btnLast" runat="server"
  Text="末页"
  CommandArgument="last"
  ForeColor="navy"
  Font-Name="verdana" Font-size="8pt"
  OnClick="PagerButtonClick"
  />
  
  
  <p>
  <asp:Checkbox id="chk1" runat="server"
  Text="显示内置的页数"
  Font-Name="Verdana"
  Font-Size="8pt"
  AutoPostBack="true"
  />
  
  <p>
  <table bgcolor="#eeeeee" cellpadding="6"><tr><td nowrap><font face="Verdana" size="-2">
  
  <asp:Label id="lblCurrentIndex" runat="server" /><br>
  <asp:Label id="lblPageCount" runat="server" /><br>
  
  </font></td></tr></table>
  </form>
  
  </body>
  
  从上面的例子我们可以看出点击LinkButton控件OnClick触发的是PageButtonClick事件,DataGrid页面OnPageIndexChanged改变触发的是MyDataGrid_Page事件,我们以后就是就是要编写这两件事件的代码
  
  下面是先要查询的数据库的信息,用一个函数表示,因为经常用到:),我打开的表,呵呵,是我们工作室管理区的登陆记录表(哈又卖了点我们工作室的秘密给大家)
  
  ICollection CreateDataSource()
  {
   /*
   读取数据库的信息,获得DataView
   */
   SQLConnection MyConnection = new SQLConnection("server=localhost;uid=sa;pwd=123456;database=aspcn");
   SQLDataSetCommand MyDataSetCommand = new SQLDataSetCommand("select * from admin_enter order by Enter_Time desc",MyConnection);
   DataSet ds= new DataSet();
   MyDataSetCommand.FillDataSet(ds,"admin_enter");
   return ds.Tables["admin_enter"].DefaultView;
  }
  
  然后中是Page_Load函数,在这里主要是判断一下是否显示DataGrid自带的那些分页数字,使用的是PageStyle的Visible属性:
  
  void Page_Load(Object sender, EventArgs e)
  {
   //判断是否隐藏PagerStyle-Mode
   if (chk1.Checked)
   {
   MyDataGrid.PagerStyle.Visible=true;
   }
   else
   {
   MyDataGrid.PagerStyle.Visible=false;
   }
  
   BindGrid();
  }
  
  下面是处理点击事件的PagerButtonClick,这是我们的核心部分,其实我们操作的也只是DataGrid的CurrentPageIndex属性。如果CurrentPageIndex小于PageCount则有下一页,如果CurrentPageIndex大于0则表示有前一页。
  
  void PagerButtonClick(Object sender, EventArgs e)
  {
   //获得LinkButton的参数值
   String arg = ((LinkButton)sender).CommandArgument;
  
   switch(arg)
   {
   case ("next"):
   if (MyDataGrid.CurrentPageIndex < (MyDataGrid.PageCount - 1))
   MyDataGrid.CurrentPageIndex ++;
   break;
   case ("prev"):
   if (MyDataGrid.CurrentPageIndex > 0)
   MyDataGrid.CurrentPageIndex --;
   break;
   case ("last"):
   MyDataGrid.CurrentPageIndex = (MyDataGrid.PageCount - 1);
   break;
   default:
   //本页值
   MyDataGrid.CurrentPageIndex = arg.ToInt32();
   break;
   }
   BindGrid();
  }
  
  下面是MyDataGrid_Page,主要操作是调用BindGrid函数,以将数据交给DataGrid显示:
  
  void MyDataGrid_Page(Object sender, DataGridPageChangedEventArgs e)
  {
   //处理按下数字的方法
   BindGrid();
  }
  
  最后是两个函数,他们的作用,我都注释了:)
  
  void BindGrid()
  {
   //将DataView绑定到DataGrid上去
   MyDataGrid.DataSource = CreateDataSource();
   MyDataGrid.DataBind();
   ShowStats();
  }
  
  void ShowStats()
  {
   //显示页面信息
   lblCurrentIndex.Text = "当前页数为: " + ((int)MyDataGrid.CurrentPageIndex+1);
   lblPageCount.Text = "总页数是: " + MyDataGrid.PageCount;
  }
  
  到此为止,我们的个性化页面已经完成了(全部代码和显示看一下节),我们总的思想就是使用LinkButton控件做为翻页的标帜,通过判断LinkButton的CommandArgument值,操作DataGrid的CurrentPageIndex属性,以达到翻页的效果。
  
  如果大家在本节中看不懂结构,请参看下一节的全部代码以及示例。
  
   
  

 
站内搜索