分享一个asp.net pager分页控件

Asp.NetPager是一个.NET平台上的分页控件，可以方便地实现分页功能。以下是使用Asp.NetPager实现分页功能的完整攻略。

环境准备

在使用Asp.NetPager前，需要安装Asp.NetPager包。可以使用以下命令来安装Asp.NetPager：

Install-Package AspNetPager

实现分页功能

以下是使用Asp.NetPager实现分页功能的步骤：

步骤1：添加Asp.NetPager控件

在页面中添加Asp.NetPager控件，例如：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
    <Columns>
        <asp:BoundField DataField="Id" HeaderText="Id" />
        <asp:BoundField DataField="Name" HeaderText="Name" />
        <asp:BoundField DataField="Age" HeaderText="Age" />
    </Columns>
</asp:GridView>
<asp:AspNetPager ID="AspNetPager1" runat="server" PageSize="10" OnPageChanged="AspNetPager1_PageChanged" />

在上面的示例中，我们添加了一个GridView控件和一个AspNetPager控件。GridView控件用于显示数据，AspNetPager控件用于实现分页功能。

步骤2：绑定数据

在代码中绑定数据到GridView控件，例如：

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

private void BindData()
{
    var data = GetData();
    GridView1.DataSource = data;
    GridView1.DataBind();
    AspNetPager1.RecordCount = data.Count;
}

在上面的示例中，我们在Page_Load事件中调用BindData方法，该方法用于绑定数据到GridView控件。我们还设置了AspNetPager控件的RecordCount属性，该属性用于设置数据总数。

步骤3：处理分页事件

在代码中处理AspNetPager控件的分页事件，例如：

protected void AspNetPager1_PageChanged(object sender, EventArgs e)
{
    BindData();
}

在上面的示例中，我们在AspNetPager1_PageChanged事件中调用BindData方法，该方法用于重新绑定数据到GridView控件。

示例1：实现自定义分页样式

以下是实现自定义分页样式的示例：

<asp:AspNetPager ID="AspNetPager1" runat="server" PageSize="10" OnPageChanged="AspNetPager1_PageChanged">
    <LayoutTemplate>
        <div class="pagination">
            <ul>
                <li><a href="<%# Container.FirstPageUrl %>">首页</a></li>
                <li><a href="<%# Container.PrevPageUrl %>">上一页</a></li>
                <li><a href="<%# Container.NextPageUrl %>">下一页</a></li>
                <li><a href="<%# Container.LastPageUrl %>">末页</a></li>
                <li><span>共<%# Container.PageCount %>页</span></li>
                <li><span>当前第<%# Container.CurrentPageIndex %>页</span></li>
            </ul>
        </div>
    </LayoutTemplate>
</asp:AspNetPager>

在上面的示例中，我们使用LayoutTemplate属性来自定义分页样式。我们使用了Bootstrap的分页样式，并在分页中添加了首页、上一页、下一页、末页、总页数和当前页数等信息。

示例2：实现自定义分页大小

以下是实现自定义分页大小的示例：

<asp:AspNetPager ID="AspNetPager1" runat="server" PageSize="10" OnPageChanged="AspNetPager1_PageChanged">
    <PageSizeList>
        <asp:ListItem Value="10">10</asp:ListItem>
        <asp:ListItem Value="20">20</asp:ListItem>
        <asp:ListItem Value="50">50</asp:ListItem>
    </PageSizeList>
</asp:AspNetPager>

在上面的示例中，我们使用PageSizeList属性来自定义分页大小。我们添加了10、20和50三个选项，用户可以选择自己需要的分页大小。