天天看点

个性化的分页实现

我们前面讲的分页,只不过是通过修改DataGrid的属性来实现分页,这样有这样的好处,最大的就是简单,呵呵,根本不用操心,分页是如何产生的。

但是它同样有缺点,不能按照我们想像的产生各种我们需要的样式。

没有办法,想个性化功能,只有自已动手来做了,呵呵。

我们一步步的来,首先是导入需要的命名空间。下面的例子,其实也是我从国外找来的,再加上点个人的东东,再汉化,呵呵。今天心情很好,我连标签色彩都给大家显示出来了。呵呵,更利于大家看程序。

<%@ Page Language="C#" %>

<%@ Import Namespace="System.Data" %>

<%@ Import Namespace="System.Data.SQL" %>

我们先看看,我们的web控件是哪些,再看看代码是怎么写的,这样比较好:)

<body>

<h3><font >个性化的分页实例^&^</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 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()

{

    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)

{

    file://判断是否隐藏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)

{

    file://获得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:

            file://本页值

            MyDataGrid.CurrentPageIndex = arg.ToInt32();

            break;

    }

    BindGrid();

}

下面是MyDataGrid_Page,主要操作是调用BindGrid函数,以将数据交给DataGrid显示:

void MyDataGrid_Page(Object sender, DataGridPageChangedEventArgs e)

{

    file://处理按下数字的方法

    BindGrid();

}

最后是两个函数,他们的作用,我都注释了:)

void BindGrid()

{

    file://将DataView绑定到DataGrid上去

    MyDataGrid.DataSource = CreateDataSource();

    MyDataGrid.DataBind();

    ShowStats();

}

void ShowStats()

{

    file://显示页面信息

    lblCurrentIndex.Text = "当前页数为: " + ((int)MyDataGrid.CurrentPageIndex+1);

    lblPageCount.Text = "总页数是: " + MyDataGrid.PageCount;

}

到此为止,我们的个性化页面已经完成了(全部代码和显示看一下节),我们总的思想就是使用LinkButton控件做为翻页的标帜,通过判断LinkButton的CommandArgument值,操作DataGrid的CurrentPageIndex属性,以达到翻页的效果。