我們前面講的分頁,只不過是通過修改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屬性,以達到翻頁的效果。
|