asp.net分页控件使用详解【附实例下载】

ASP.NET分页控件使用详解

本文主要介绍ASP.NET中常用的分页控件——PagedDataSource的使用方法，以及如何通过该控件实现简单的分页操作。

PagedDataSource控件简介

PagedDataSource控件是ASP.NET中提供的一个数据分页控件，当数据量较大时，可使用该控件将数据分页显示，增强数据展示的可读性。

PagedDataSource控件的主要应用场景

PagedDataSource控件主要应用于以下情况：

• 当数据源中的记录数很大时，需要将数据分页显示，以便于快速浏览。
• 当使用一些数据控件，例如DataGrid、Repeater等时，需要在其中进行分页操作，才能发挥其最佳的数据展示效果。

PagedDataSource控件的常用属性

PagedDataSource控件有许多常用属性。其中，以下是我们在使用该控件时，比较常用的属性：

• DataSource：指定数据源。
• AllowPaging：是否开启分页，默认为false，表示不开启分页。
• PageSize：指定每页显示的记录数，该属性必须和AllowPaging为true时才有效。
• CurrentPageIndex：指定当前显示的页码，默认为0。
• VirtualCount：指定数据源中记录的总数，该属性在开启分页且有数据源时必须设置。

PagedDataSource控件的使用方法

下面将通过一个实例，来介绍PagedDataSource控件的使用方法。

实例：使用PagedDataSource控件实现分页浏览

在本示例中，我们将使用PagedDataSource控件，将一个数据列表进行分页显示，以便于快速浏览。

步骤1：准备数据源

首先，我们需要准备一个数据源，这里我们使用List集合来模拟。

public class User
{
    public int Id { get; set; }
    public string Name { get; set; }
}

public List<User> GetUserList()
{
    List<User> list = new List<User>();
    for (int i = 1; i <= 50; i++)
    {
        list.Add(new User
        {
            Id = i,
            Name = "User" + i.ToString()
        });
    }
    return list;
}

步骤2：绑定数据

接下来，我们将数据源和控件进行绑定，通过PagedDataSource控件将数据分页显示在页面上。

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        BindData();
    }
}

private void BindData()
{
    List<User> list = GetUserList();

    PagedDataSource pds = new PagedDataSource();
    pds.DataSource = list;

    pds.AllowPaging = true;
    pds.PageSize = 10;
    pds.CurrentPageIndex = 0;
    pds.VirtualCount = list.Count;

    rptUser.DataSource = pds;
    rptUser.DataBind();
}

步骤3：添加分页控件

最后，我们需要添加一个分页控件，让用户可以通过分页控件来切换不同的页面。

<asp:Repeater ID="rptUser" runat="server">
    <HeaderTemplate>
        <table border="1">
            <tr>
                <th>ID</th>
                <th>Name</th>
            </tr>
    </HeaderTemplate>
    <ItemTemplate>
        <tr>
            <td><%# Eval("Id") %></td>
            <td><%# Eval("Name") %></td>
        </tr>
    </ItemTemplate>
    <FooterTemplate>
        </table>
         <asp:DataPager ID="DataPager1" runat="server" PagedControlID="rptUser" PageSize="10">
            <Fields>
                <asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True"
                    ShowPreviousPageButton="False" ShowNextPageButton="False" FirstPageText="首页"
                    PagerStyle-CssClass="PagerButton" />
                <asp:NumericPagerField Visible="False" />
                <asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True"
                    ShowNextPageButton="False" ShowPreviousPageButton="False" LastPageText="尾页"
                    PagerStyle-CssClass="PagerButton" />
            </Fields>
         </asp:DataPager>
    </FooterTemplate>
</asp:Repeater>

至此，我们就通过PagedDataSource控件，成功实现了list数据列表的分页浏览功能。

示例：通过PagedDataSource控件对GridView进行分页

除了对数据列表进行分页之外，我们还可以通过PagedDataSource控件，对GridView等控件进行分页。接下来，就让我们看一个对GridView进行分页的示例。

首先，我们需要在页面上添加一个GridView控件，并绑定数据源。

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        BindData();
    }
}

private void BindData()
{
    DataTable dt = GetDataTable();

    PagedDataSource pds = new PagedDataSource();
    pds.DataSource = dt.DefaultView;

    pds.AllowPaging = true;
    pds.PageSize = 10;
    pds.CurrentPageIndex = 0;
    pds.VirtualCount = dt.Rows.Count;

    gvUser.DataSource = pds;
    gvUser.DataBind();
}

private DataTable GetDataTable()
{
    DataTable dt = new DataTable();
    dt.Columns.Add("ID", typeof(int));
    dt.Columns.Add("Name", typeof(string));
    dt.Columns.Add("Gender", typeof(string));
    for (int i = 1; i <= 50; i++)
    {
        DataRow dr = dt.NewRow();
        dr["ID"] = i;
        dr["Name"] = "User" + i.ToString();
        dr["Gender"] = i % 2 == 0 ? "Male" : "Female";
        dt.Rows.Add(dr);
    }
    return dt;
}

接下来，我们需要添加一个分页控件，通过该控件，用户可以通过按钮来切换不同的页面。

<asp:GridView ID="gvUser" runat="server" AutoGenerateColumns="False">
    <Columns>
        <asp:BoundField DataField="ID" HeaderText="ID" />
        <asp:BoundField DataField="Name" HeaderText="Name" />
        <asp:BoundField DataField="Gender" HeaderText="Gender" />
    </Columns>
    <PagerSettings Mode="NextPreviousFirstLast" Position="TopAndBottom" />
</asp:GridView>

至此，我们就通过PagedDataSource控件，成功实现了对GridView控件的分页操作。

总结

本文主要介绍了ASP.NET中常用的分页控件PagedDataSource的使用方法，我们可以通过该控件，实现简单的数据分页浏览，并且可以应用于数据列表以及多种控件的分页操作。