個性化的分頁實現 (轉)

個性化的分頁實現 (轉)[@more@]

我們前面講的分頁，只不過是透過修改DataGrid的屬性來實現分頁，這樣有這樣的好處，最大的就是簡單，呵呵，根本不用操心，分頁是如何產生的。

但是它同樣有缺點，不能按照我們想像的產生各種我們需要的樣式。

沒有辦法，想個性化功能，只有自已動手來做了，呵呵。

我們一步步的來，首先是匯入需要的名稱空間。下面的例子，其實也是我從國外找來的，再加上點個人的東東，再漢化，呵呵。今天心情很好，我連標籤色彩都給大家顯示出來了。呵呵，更利於大家看。

" %>

我們先看看，我們的是哪些，再看看程式碼是怎麼寫的，這樣比較好：）

個性化的分頁例項^&^

<:DataGrid id="MyDataGrid" runat="server"
AllowPaging="True"
PageSize="10"
PagerStyle-Mode="NumericPages"
PagerStyle-HorizontalAlign="Right"
OnPageIndd="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"

>

Text="首頁"
CommandArgument="0"
ForeColor="navy"
Font-Name="verdana" Font-size="8pt"
OnClick="PagerButtonClick"
/>
 
Text="前頁"
CommandArgument="prev"
ForeColor="navy"
Font-Name="verdana" Font-size="8pt"
OnClick="PagerButtonClick"
/>
 
Text="後頁"
CommandArgument="next"
ForeColor="navy"
Font-Name="verdana" Font-size="8pt"
OnClick="PagerButtonClick"
/>
 

Text="末頁"
CommandArgument="last"
ForeColor="navy"
Font-Name="verdana" Font-size="8pt"
OnClick="PagerButtonClick"
/>

Text="顯示內建的頁數"
Font-Name="Verdana"
Font-Size="8pt"
AutoPostBack="true"
/>

從上面的例子我們可以看出點選LinkButton控制元件OnClick觸發的是PageButtonClick事件,DataGrid頁面OnPageIndexChanged改變觸發的是MyDataGrid_Page事件，我們以後就是就是要編寫這兩件事件的程式碼

下面是先要查詢的的資訊，用一個表示，因為經常用到：）,我開啟的表，呵呵，是我們工作室管理區的登陸記錄表（哈又賣了點我們工作室的秘密給大家)

ICollection CreateData()
{
  /*
  讀取資料庫的資訊，獲得DataView
  */
  SQLConnection MyConnection = new SQLConnection("server=localhost;uid=sa;pwd=123456;database=aspcn");
  SQLDataSetCommand MyDataSetCommand = new SQLDataSetCommand(" * 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( 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屬性，以達到翻頁的效果。