親密接觸ASP.Net(13)

2019-11-18 20:46:45

字體：大中小

來源：轉載

供稿：網友

個性化的分頁實現

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

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

　

上一篇：親密接觸ASP.Net(14)

下一篇：親密接觸ASP.Net(12)