- Login
帳號:
密碼:
ASP MENU
線上教學
   ASP 教學
VB.NET 教學
JSP 教學
JAVA 教學
完整 ASP 教學
程式下載
   ASP 程式下載
提供 ASP 程式
程式量身訂做
   收費標準
填寫需求表
討論交流專區
   程式討論區
電腦資訊交流
工作機會
   社會人就職情報
汎亞人力銀行
大台中人力銀行
大高雄人力銀行
相關連結
   ASP 虛擬空間
ASP 相關網站
聯絡我們
   意見信箱
加入會員程式討論區線上購物回首頁
ASP 教學
親密接觸ASP.Net(13)
個性化的分頁實現

我們前面講的分頁,只不過是通過修改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函數,在這堨D要是判斷一下是否顯示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屬性,以達到翻頁的效果。

如果大家在本節中看不懂結構,請參看下一節的全部代碼以及示例。




頂端
本網頁最佳瀏覽模式為:瀏覽器 IE4.0 以上    解析度: 800 x 600
Copyright © 2000-2019 COOLASP All Rights Reserved