AspNetPager分页控件源代码（Version 4.2）第2/2页

分页控件是网站开发中非常常用的一个控件，它可以将数据分页显示，并提供页码、跳转等功能，能够方便用户浏览大量内容。下面我将详细讲解AspNetPager分页控件的使用方法和源代码。

安装AspNetPager分页控件

在使用AspNetPager分页控件之前，我们需要先将其安装到项目中，具体方法如下：

1. 下载AspNetPager分页控件

我们可以从NuGet的官网中下载AspNetPager分页控件，也可以直接从GitHub上下载源代码。还可以将其作为一个DLL控件添加到项目中。

2. 在项目中引用AspNetPager控件

将AspNetPager控件添加到WebForm或ASP.NET MVC等项目时，需要在页面或者视图中声明

<%@ Register Assembly="AspNetPager" Namespace="AspNetPager" TagPrefix="cc1" %>

同时还需要在Web.config文件的和节点中添加相关配置，示例如下：

<system.web>
    <httpModules>
        <add name="AspNetPager" type="AspNetPager.AspNetPagerModule"/>
    </httpModules>
    <httpHandlers>
        <add path="AspNetPager.axd" verb="*" type="AspNetPager.AspNetPagerHandler"/>
    </httpHandlers>
</system.web>

使用AspNetPager分页控件

在安装和引用Control.Libraries.AspNetPager之后，我们就可以在项目中使用Asp.Net分页功能了。

1. GridView分页控件

AspNetPager提供了一种GridView分页控件，可以使GridView控件实现分页，代码如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="GridView.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AspNetPager" Namespace="AspNetPager" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>AspNetPager GridView Paging Sample</title>

    <style type="text/css">
        .pc{text-align:center;font-size:10pt;padding-top:2pt; }
        .pc a, .pc span{ width:22px;height:22px;display:inline-block;background:url(images/pager.gif) no-repeat;padding-top:1px;border:solid 1px #CCC; margin-right:3px;text-align:center;text-decoration:none;color:#7D7D7D;font-weight:bold;}
        .pc a:hover{ border: 1px solid #669BCC;color:#669BCC }
        .pc span.current{ border:1px solid #669BCC; background:#669BCC;color:#FFFFFF; }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CssClass="gridview" DataKeyNames="EmployeeID" DataSourceID="SqlDataSource1">
        <Columns>
            <asp:BoundField DataField="EmployeeID" HeaderText="EmployeeID" ReadOnly="True" SortExpression="EmployeeID">
                <HeaderStyle Width="35px"/>
                <ItemStyle HorizontalAlign="Right" Width="35px" />
            </asp:BoundField>
            <asp:BoundField DataField="LastName" HeaderText="LastName" SortExpression="LastName" >
            <HeaderStyle Width="70px"/>
            <ItemStyle Width="70px"/>
            </asp:BoundField>
            <asp:BoundField DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" >
            <HeaderStyle Width="70px"/>
            <ItemStyle Width="70px"/>
            </asp:BoundField>
            <asp:BoundField DataField="BirthDate" DataFormatString="{0:d}" HeaderText="BirthDate" SortExpression="BirthDate" >
            <HeaderStyle Width="70px"/>
            <ItemStyle HorizontalAlign="Center" Width="70px"/>
            </asp:BoundField>
        </Columns>
    </asp:GridView>

    <div>
        <cc1:AspNetPager ID="AspNetPager1" runat="server" PageSize="10" HorizontalAlign="Center" CssClass="pc" 
        AlwaysShow="True" ShowPageIndexBox="True" ShowGoButton="True" />
    </div>

    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:NorthwindConn %>"
        SelectCommand="SELECT TOP 10000 EmployeeID, FirstName, LastName, BirthDate FROM Employees">
    </asp:SqlDataSource>
    </form>
</body>
</html>

2. 自定义控件分页

除了GridView分页控件，我们还可以使用AspNetPager的自定义控件分页功能完成分页。这种方式可以与ListView、Repeater、DataList等控件配合使用，示例如下：

<cc1:AspNetPager ID="AspNetPager2" runat="server" PageSize="12" CssClass="pc" DisplayTotalCount="True"></cc1:AspNetPager>

<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSource2">
    <LayoutTemplate>
        <div class="productIndexBox">
            <ul id="products">
                <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder>
            </ul>
        </div>
    </LayoutTemplate>

    <ItemTemplate>

        <li class='<%# Container.ItemIndex % 2 == 0 ? "even" : "" %>'>
            <div>
                <a id="productImageLink" href='<%#"~/product.aspx?id=" + DataBinder.Eval(Container.DataItem, "ID").ToString() %>'>
                </a>
                <span id="productPrice">
                    ￥<%# DataBinder.Eval(Container.DataItem, "Price") %>
                </span>
            </div>
            <div id="productContent">
                <a id="productLink" href='<%#"~/product.aspx?id=" + DataBinder.Eval(Container.DataItem, "ID").ToString() %>'>
                    <%# DataBinder.Eval(Container.DataItem, "Name") %>
                </a>
            </div>
        </li>

    </ItemTemplate>
</asp:ListView>

<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:ShoppingConnectionString %>"
    SelectCommand="SELECT * FROM [Products]"></asp:SqlDataSource>

以上就是使用AspNetPager分页控件的详细攻略，希望对您有所帮助。

本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：AspNetPager分页控件源代码（Version 4.2）第2/2页 - Python技术站