在ASP.NET 2.0中操作数据之四十一：DataList和Repeat

在数据的呈现中，分页和排序扮演着至关重要的角色。DataList 和 Repeater 控件是 ASP.NET 中非常灵活的 UI 工具，但它们并未内置分页和排序功能。为了满足这一需求，我们必须借助 PagedDataSource 对象来实现。现在，让我们深入如何在 DataList 和 Repeater 中实现数据的分页展示。

导言

在 web 应用程序中，我们经常需要处理大量的数据，而展示所有这些数据并不总是最佳选择。想象一下，一个在线书店拥有成千上万本书籍，如果一次性展示所有书籍，页面会显得非常冗长且难以浏览。这时，分页功能就显得尤为重要。用户通常也希望根据某些字段（如书名、价格、页数或作者）对结果进行排序，以便更轻松地找到他们需要的书籍。虽然 GridView、DetailsView 和 FormView 控件具有内置的分页和排序功能，但当我们使用 DataList 和 Repeater 控件时，就需要手动实现这些功能。尽管这需要更多的代码和精力，但它也带来了更大的灵活性和可扩展性。

第一步：添加分页和排序的教程页面

我们需要创建用于演示分页和排序功能的页面。这些页面应包含以下内容：

Default.aspx：此页面将包含我们的用户控件 SectionLevelTutorialListing.ascx，用于列出教程列表。

Paging.aspx：此页面将演示如何在 DataList 和 Repeater 中实现分页功能。

Sorting.aspx：此页面将演示如何为 DataList 和 Repeater 添加排序功能。

SortingWithDefaultPaging.aspx：此页面将结合默认分页和排序功能进行演示。

SortingWithCustomPaging.aspx：此页面将展示如何结合自定义分页和排序功能。

在 Default.aspx 页面上，我们需要从 UserControls 文件夹中拖入一个 SectionLevelTutorialListing.ascx 用户控件。这个用户控件已经被我们多次使用，用于列出教程列表。接下来，我们需要更新站点地图，以包含关于排序和分页的教程条目。通过这种方式，我们可以确保用户在浏览网站时能够方便地找到这些教程。

在继续之前，值得注意的是，我们将重点关注分页功能的实现，下一章节我们将深入如何在 DataList 和 Repeater 中实现排序功能。通过这种方式，我们将逐步构建出一个功能完善、易于使用的 web 应用程序。

深入Web.sitemap文件：为狼蚁网站添加SEO优化的标记语言至DataList节点之后

在网站架构的宏伟蓝图上，我们有一个重要的任务——对Web.sitemap文件进行编辑，将狼蚁网站的SEO优化标记语言巧妙地添加到“Editing and Deleting with the DataList”节点的背后。

在这份精心构建的网站地图中，每一个节点都代表着网站的一个重要页面。这些页面涵盖了从基础的分页和排序功能到高级的数据展示方式的各种内容。每个节点都承载着特定的功能，它们共同构成了狼蚁网站的骨架。

我们有一个主要的节点，它指向“Paging and Sorting with the DataList and Repeater”这个页面。这个页面详细描述了如何在DataList和Repeater控件中实现分页和排序功能。接下来，我们有几个子节点，分别指向不同的分页和排序相关的页面。这些页面涵盖了默认分页、自定义分页以及与这两者结合的排序功能。每一个节点都包含了详细的描述，以便用户能够快速了解每个页面的功能。

现在，我们来回顾一下分页的功能。在之前的章节中，我们已经学习了如何使用GridView、DetailsView和FormView进行分页。这些控件都提供了默认分页的功能，只需简单勾选“Enable Paging”即可。默认分页在大数据量的情况下并不理想。每次用户浏览一页时，它都会从数据库请求所有的数据，而实际上只有很少一部分数据会被显示。

为了解决这个问题，我们引入了自定义分页。自定义分页只会返回用户请求的数据，从而大大提高了性能。为了实现这一点，我们需要编写有效的SQL语句，只返回用户需要的记录。我们已经学习了使用SQL Server 2005的ROW_NUMBER()关键词来创建这样的语句。

在DataList或Repeater控件中使用默认分页时，我们可以使用PagedDataSource类来包装需要分页的内容。PagedDataSource类有一个可以赋给任何枚举类型对象的DataSource属性，以及PageSize（每页显示的记录数）和CurrentPageIndex（当前页的索引）。一旦设置了这些属性，PagedDataSource就可以作为任何数据控件的数据源，轻松实现数据的分页展示。

在编辑Web.sitemap文件时，我们将狼蚁网站的SEO优化标记语言巧妙地融入其中，使网站在搜索引擎中的排名得到提升。通过这种方式，我们可以确保狼蚁网站在众多竞争者中脱颖而出，吸引更多的用户访问和互动。

通过深入编辑Web.sitemap文件并添加SEO优化的标记语言，我们为狼蚁网站的数据展示功能注入了新的活力。无论是实现默认分页还是自定义分页，我们都能确保数据的快速加载和流畅展示，为用户提供无与伦比的体验。PagedDataSource：分页数据的智能包装

让我们深入PagedDataSource这一强大的类，它在数据分页中扮演着关键角色。图4为我们描绘了PagedDataSource类的主要功能，它使用可分页的界面来包装枚举对象。

PagedDataSource对象可以在业务逻辑层（BLL）里直接创建和配置。它可以被绑定到DataList或Repeater控件，并且可以在ASP.NET页面的后台代码中直接操作。当在后台代码中使用时，我们不需要ObjectDataSource，而是直接编程将分页数据绑定到DataList或Repeater。

除了基本的分页功能，PagedDataSource还拥有一系列属性以支持自定义分页。尽管我们在本次讨论中不涉及这些高级特性，因为在ProductsBLL类中我们已有精确返回所需记录的方法。现在，我们将学习如何在ProductsBLL类中添加一个返回合适PagedDataSource对象的方法，以实现默认分页。后续章节我们再深入自定义分页。

第二步：在BLL中添加默认分页方法

在ProductsBLL类中，我们目前有一个返回所有产品的GetProducts()方法，以及一个返回特定子集的GetProductsPaged(startRowIndex, maximumRows)方法。当使用默认分页时，GridView、DetailsView和FormView会使用GetProducts()方法获取所有产品，然后在内部使用PagedDataSource来显示正确的记录子集。为了在DataList和Repeater中实现相同功能，我们可以在BLL中创建一个模拟这种行为的方法。

让我们在ProductsBLL类中添加一个新的方法：GetProductsAsPagedDataSource。它接受两个整型参数——pageIndex（要显示的页的索引，从0开始）和pageSize（每页显示的记录数）。

GetProductsAsPagedDataSource方法首先从GetProducts()获取所有记录。然后，它创建一个PagedDataSource对象，将CurrentPageIndex和PageSize属性设置为传入的参数。该方法返回已配置的PagedDataSource。以下是方法的实现：

```csharp

[SystemponentModel.DataObjectMethodAttribute(SystemponentModel.DataObjectMethodType.Select, false)]

public PagedDataSource GetProductsAsPagedDataSource(int pageIndex, int pageSize)

{

// 获取所有产品

Northwind.ProductsDataTable products = GetProducts();

// 通过PagedDataSource限制结果

PagedDataSource pagedData = new PagedDataSource();

pagedData.DataSource = products.Rows;

pagedData.AllowPaging = true;

pagedData.CurrentPageIndex = pageIndex;

pagedData.PageSize = pageSize;

return pagedData;

}

```

第三步：在DataList中使用默认分页显示产品

完成GetProductsAsPagedDataSource方法后，我们可以创建一个提供默认分页的DataList或Repeater。打开PagingSortingDataListRepeater文件夹下的Paging.aspx页面，并拖放一个DataList控件，将其ID设置为ProductsDefaultPaging。通过智能标签创建一个名为ProductsDefaultPagingDataSource的ObjectDataSource，并使用GetProductsAsPagedDataSource方法配置它。这样，我们的DataList就能够根据PageSize和CurrentPageIndex显示合适的产品记录，实现默认分页功能。在构建数据驱动的Web应用程序时，配置ObjectDataSource控件是一项关键任务。以下是关于如何创建并配置ObjectDataSource的生动描述，以图5和图6为引导。

在UPDATE、INSERT和DELETE操作的标签选项中，我们选择“(None)”选项。这是因为我们的GetProductsAsPagedDataSource方法需要特定的参数配置。当你在进行数据分页时，需要记录当前的页码索引（page index）和每页显示的数据量（page size）。这些值可以在视图状态、查询字符串、会话或其他技术中保存。在这个场景下，我们选择使用查询字符串来记录这些值。

如图7所示，我们通过查询字符串字段“pageIndex”和“pageSize”来配置这两个参数。对于初次访问的用户，由于没有查询字符串，我们还需要为这两个参数设定默认值。我们将pageIndex的默认值设为0，表示显示第一页的数据，而将pageSize的默认值设为4，即每页显示四条记录。

配置完ObjectDataSource后，Visual Studio会自动为DataList创建一个ItemTemplate。为了更直观地展示产品数据，我们对其进行了修改，使其仅显示产品的名称（name）、类别（category）和供应商（supplier）。为了优化数据显示的视觉效果，我们将DataList的RepeatColumns属性设置为2，宽度设为“100%”。为了保持每列之间的良好间距，我们将ItemStyle的宽度设为“50%”。

DataList与ObjectDataSource的标记语言魅力

在Web开发中，DataList和ObjectDataSource是两个重要的组件，它们能够帮助我们实现数据的展示和获取。以下是一个典型的DataList和ObjectDataSource的标记语言示例。

DataList组件，标识为ID为"ProductsDefaultPaging"，宽度为100%，其关键字段为"ProductID"，并依赖于名为"ProductsDefaultPagingDataSource"的数据源。这个DataList以两列的形式展示数据，并禁用了ViewState。

在ItemTemplate中，我们定义了产品的展示方式。包括产品名称、类别、供应商等信息的展示。每个信息之间通过标签进行分隔。

ObjectDataSource组件，标识为ID为"ProductsDefaultPagingDataSource"，与DataList组件相连接，用于提供数据。它的类型是"ProductsBLL"，选择方法是"GetProductsAsPagedDataSource"。该组件通过查询字符串参数获取分页信息，如果没有提供默认的pageIndex和pageSize值，将使用默认值0和4。这意味着，在没有指定分页参数的情况下，DataList将默认显示前四条产品记录。

浏览产品列表时，由于尚未创建分页界面，用户无法直接导航到第二页。我们可以通过直接在URL中指定分页参数来实现分页效果。例如，将地址从Paging.aspx改为Paging.aspx?pageIndex=2，即可查看第二页的产品数据。

为了提供更好的用户体验，我们需要创建分页界面。GridView、DetailsView、FormView提供了多种不同的界面选择。我们还可以添加“Next, Previous”（后一页，前一页）和“First（第一页）, Last（最后一页）”的功能，以便用户可以更方便地浏览产品数据。通过这些功能，用户可以轻松地在不同页面之间导航，查看产品的详细信息。这样的设计使得数据的展示更加灵活、用户友好。在数字分页的世界里，我们为用户提供了一个直观的选择界面，让他们可以轻松浏览数据列表。想象一下，在一个分页界面上，用户可以看到清晰的页码列表，他们可以自由地点击任何一个页码，瞬间跳转到所需的数据页面。这就是Numeric分页的魅力所在。

在此基础上，我们进一步引入了First和Last分页选项，让用户在浏览大量数据时，可以快速跳转到第一页或最后一页。这种设计不仅简化了用户的操作，也提高了浏览效率。

对于DataList和Repeater控件，我们需要构建它们的分页界面并确保其流畅运行。这涉及到创建web控件以及响应特定页的按钮点击事件。例如，当我们使用Next、Previous、First、Last的模式时，如果当前显示的是第一页数据，那么第一页和前一页的按钮应该被自动禁用，以免产生不必要的混淆。

接下来，让我们深入一下这个分页界面的实现细节。我们创建了四个按钮：FirstPage、PrevPage、NextPage和LastPage，并分别为它们设定了直观的文本显示：“<< First”、“< Prev”、“Next >”和“Last >>”。

每个按钮都拥有一个Click事件处理，当用户点击按钮时，我们会触发相应的代码来显示他们请求的页面。我们还需要记录和计算分页的总记录数。无论选择哪种分页界面，这个总数都是关键信息。它帮助我们确定需要添加或启用的分页控件数量。

以Next、Previous、First、Last界面为例，我们需要根据page count来决定哪些按钮应该被禁用。如果用户正在浏览最后一页，那么“Next”按钮就应该被禁用。同样地，如果用户点击了“Last”按钮，我们需要将他们引导到最后一页对应的数字页面。

为了方便处理这些操作，我们在ASP.NET页面的后台代码中创建了一个TotalRowCount属性来保存总记录数。除此之外，我们还为页码索引、页面大小和页面计数创建了页面级的只读属性，以方便我们随时读取这些重要信息。

让我们关注页面索引（PageIndex）的获取。当用户访问我们的分页页面时，他们可能会通过查询字符串（Querystring）传递分页信息。如果“pageIndex”存在于查询字符串中，我们就获取其值并将其转换为整数；否则，我们默认返回第一页。代码如下：

```csharp

// 获取页面索引

public int PageIndex

{

get

{

if (!string.IsNullOrEmpty(Request.QueryString["pageIndex"]))

{

return int.Parse(Request.QueryString["pageIndex"]);

}

else

{

return 0; // 默认返回第一页

}

}

}

```

接下来是页面大小（PageSize）的获取。与页面索引类似，我们检查查询字符串中是否存在“pageSize”，如果存在则获取其值并转换为整数，否则我们采用默认页面大小。

```csharp

// 获取页面大小

public int PageSize

{

get

{

if (!string.IsNullOrEmpty(Request.QueryString["pageSize"]))

{

return int.Parse(Request.QueryString["pageSize"]);

}

else

{

return 4; // 默认页面大小为4条记录

}

}

}

```

至于页面总数（PageCount）的计算，我们需要根据总记录数和页面大小来确定。如果总记录数或页面大小为0，那么我们默认只显示一页；否则，我们通过计算得出总页数。

在ASP.NET中，我们可以从ObjectDataSource的Select方法返回的PagedDataSource对象中获取总记录数。我们需要为ObjectDataSource的Select事件创建一个事件处理程序，将PagedDataSource的DataSourceCount属性赋值给TotalRowCount，以便我们能在后续计算中使用。

当用户点击分页按钮时，我们需要显示对应页的数据。我们可以通过修改URL的查询字符串来重定向用户到指定的分页页面。例如，要显示第二页的数据，我们可以将用户重定向到Paging.aspx?pageIndex=1。以下是相关代码：

```csharp

// 显示请求的页的数据

protected void ProductsDefaultPagingDataSource_Selected(object sender, ObjectDataSourceStatusEventArgs e)

{

// 获取与DataList绑定的PagedDataSource对象

PagedDataSource pagedData = (PagedDataSource)e.ReturnValue;

// 记录正在分页的总记录数，以便在跨Postbacks时保持数据一致性

TotalRowCount = pagedData.DataSourceCount; // 此行代码用于获取总记录数并存储到TotalRowCount变量中。这是计算PageCount所必需的。当用户在不同的分页之间跳转时，我们需要保持这个数值的一致性。每当从数据库或其他数据源获取新的数据集合时，也需要更新这个数值。在事件处理程序结束时，我们可以调用一个方法来更新URL中的查询字符串以反映当前的页码和每页的记录数。这样当用户点击“”或“上一页”按钮时，他们会重定向到新的分页页面并显示对应的数据。这个过程确保了数据的正确展示和用户的流畅体验。在数字化时代，数据的分页展示已经成为一种不可或缺的用户体验设计。特别是在处理大量数据时，数据的分页功能更是发挥了重要的作用。这一功能使得用户能够有序、清晰地浏览信息，提高了信息的可读性和用户体验。接下来，让我们深入了解这段代码背后的逻辑和实际应用。

让我们关注这四个按钮的Click事件处理。当用户点击这些按钮时，会触发对应的Click事件处理函数。这些函数会调用一个名为RedirectUser的函数，这个函数根据用户点击的按钮类型，将用户重定向到不同的页面。比如，当用户点击第一页按钮时，用户会被重定向到第一页；当用户点击按钮时，用户会被重定向到。这些操作都是通过Response.Redirect方法实现的，通过修改URL中的参数来实现页面的跳转。

接下来，我们讨论如何禁用分页控件。在浏览数据的过程中，不是所有的分页按钮都是可用的。例如，当用户在第一页时，应该禁用“上一页”按钮；当用户在最后一页时，应该禁用“”和“尾页”按钮。这可以通过判断当前浏览的页面是否处于第一页或最后一页来实现。通过判断PagedDataSource对象的IsFirstPage和IsLastPage属性，我们可以确定当前页面是否处于第一页或最后一页，从而决定哪些按钮应该被禁用。

我们还可以改进分页界面，让用户知道他们当前正在浏览哪一页以及总共有多少页。这可以通过添加一个Label控件来实现。在ObjectDataSource的Selected事件处理中，我们可以设置Label控件的Text属性，显示当前浏览的页码和总页数。这样，用户就可以清楚地知道他们当前浏览的位置以及总的数据量。

在实际应用中，分页界面还可以进一步改善和优化。比如，我们可以增加一个输入框和按钮，让用户可以自定义每页显示的记录数。这样的设计可以更好地适应不同的用户需求，提高用户体验。

这段代码提供了一种灵活的数据分页展示方式。通过处理按钮的Click事件、禁用分页控件以及显示当前浏览的页码和总页数等信息，这段代码使得数据的展示更加清晰、有序，提高了用户体验。这段代码也提供了进一步优化的空间，可以根据实际需求进行改进和优化。打造高效分页体验：深入理解自定义分页技术

在Web开发中，处理大量数据时，默认的分页技术可能会显得效率低下。这时，我们需要采用更高级的自定义分页技术以提高性能和用户体验。本文将深入如何实现这一技术，并为你揭示其中的奥秘。

一、默认分页与自定义分页的差异

在使用DataList时，默认的分页技术可能无法满足大数据量的需求。虽然默认分页和自定义分页的概念相似，但在实现细节上有所不同。默认分页通常依赖于ProductsBLL类的GetProductsPaged方法，而在大数据量场景下，我们需要更高效的自定义分页技术。

二、理解自定义分页的核心要素

在自定义分页中，由于不存在PagedDataSource，我们需要采用其他技术来确定总记录数以及判断当前是否显示第一页或一页的数据。ProductsBLL类的TotalNumberOfProducts()方法可以帮助我们获取产品总数。我们需要检查开始行的索引来判断是否浏览的是第一页数据。

三、DataList与Repeater的分页实现

DataList和Repeater并不像GridView、DetailsView和FormView那样内置分页支持，因此我们需要自行实现。最简单的实现方法是使用默认分页，将所有产品包装到PagedDataSource中，然后绑定到DataList或Repeater。我们的ProductsBLL类已经包含了实现自定义分页所需的方法——GetProductsPaged和TotalNumberOfProducts。

四、创建分页界面

为了实现良好的用户体验，我们需要手动添加分页界面。这可以包括Next、Previous、First、Last等button控件，以及显示当前页和总页数的Label控件。通过这些控件，用户可以方便地浏览数据。

五、展望与祝福

在下章中，我们将学习如何为DataList和Repeater提供排序功能。我们还将创建一个既支持分页又支持排序的DataList实例，通过默认和自定义分页的例子来展示如何实现这些功能。

作者Scott Mitchell拥有丰富的ASP/ASP.NET开发经验，是4GuysFromRolla.的创始人。他撰写的教程对ASP.NET学习者具有极大的帮助。希望他在本系列教程中分享的知识能够助你在Web开发道路上走得更远。

祝你在编程的道路上越走越宽广，享受每一次编码的快乐！期待你在实践中不断和创新，为Web开发领域贡献你的力量。也欢迎你继续学习更多的技术知识，不断提升自己的技能水平。

（注：以上内容仅为示例，如有实际使用需求，请根据实际情况进行调整和优化。）