在ASP.NET 2.0中操作数据之二十四：分页和排序报表

在ASP.NET 2.0中，GridView控件为我们提供了强大的数据展示功能，特别是在处理大量数据时，分页和排序功能尤为重要。接下来，我将为您详细介绍如何在ASP.NET 2.0中使用GridView控件实现数据的分页和排序。希望这些内容对大家有所帮助。

我们来了解一下什么是分页和排序。在Web应用程序中，分页是一种展示大量数据的方式，通过分页，我们可以将大量数据分割成多个页面，每个页面只展示部分数据，从而方便用户浏览。而排序则是根据特定的字段或条件对数据进行排序，使用户能够更容易地找到所需的数据。

在ASP.NET 2.0中，GridView控件内置了分页和排序功能。要使用这些功能，我们首先需要添加相应的页面和控件。在项目中创建一个名为PagingAndSorting的文件夹，然后添加所需的页面，如Default.aspx、SimplePagingSorting.aspx等。这些页面将用于展示我们的分页和排序功能。

接下来，我们打开Default.aspx页面，并将SectionLevelTutorialListing.ascx用户控件添加到设计界面中。这个用户控件将用于呈现我们的教程列表。为了使我们的教程列表更具吸引力，我们可以使用GridView控件来展示数据。

要实现分页功能，我们需要在GridView控件中设置分页属性。这可以通过在GridView控件的标记中添加分页相关的属性来实现。例如，我们可以设置PageSize属性来指定每页显示的记录数，以及PageIndex属性来指定当前页的索引。当数据量较大时，GridView控件会自动处理分页逻辑，实现数据的分页展示。

要实现排序功能，我们需要在GridView控件的列上添加排序标志。这可以通过在列的标记中添加SortExpression属性来实现。SortExpression属性指定了用于排序的字段或条件。当用户点击列标题时，GridView控件将根据指定的SortExpression属性对数据进行排序。

除了基本的分页和排序功能外，我们还可以根据需求进行自定义。例如，我们可以使用自定义的分页算法来提高性能，或者使用自定义的排序界面来改善用户体验。这些高级功能可以根据具体需求进行实现。

<siteMapNode url="~/PagingAndSorting/SimplePagingSorting.aspx" title="简单的分页和排序示例" description="学习如何添加简单的分页和排序支持。"/>

<siteMapNode url="~/PagingAndSorting/EfficientPaging.aspx" title="高效浏览大量结果集的分页" description="了解如何通过高效的方式浏览大量的结果集。"/>

<siteMapNode url="~/PagingAndSorting/SortParameter.aspx" title="在BLL或DAL中进行数据排序" description="演示如何在业务逻辑层或数据访问层执行排序逻辑。"/>

<siteMapNode url="~/PagingAndSorting/CustomSortingUI.aspx" title="自定义排序用户界面" description="学习如何定制和改进排序用户界面。"/>

接下来，我们进入具体的实现步骤。在GridView中显示产品信息。在实现分页和排序功能之前，我们先创建一个基本的GridView来展示产品信息。这个过程相对简单并且熟悉。打开SimplePagingSorting.aspx页面，从工具箱中拖放一个GridView控件到设计器上，并将其ID属性设置为Products。然后，创建一个ObjectDataSource并使用ProductsBLL类的GetProducts()方法来获取所有的产品信息。

这个报表是只读的，因此我们不需要将ObjectDataSource的Insert(), Update(), 和Delete()方法与相应的ProductsBLL方法关联起来。对于UPDATE、INSERT和DELETE页面，我们从下拉列表中选取(None)选项。

最后一步是调整GridView的字段显示。我们只展示产品名、供应商、分类、价格和状态这些字段。我们还可以进行一些格式上的微调，比如设置价格的HeaderText以适应我们的货币形式，使其更加直观和用户友好。这样，用户就能更清晰地查看产品信息，并进行相应的分页和排序操作。

通过以上的步骤，我们成功地在站点地图中添加了与分页和排序相关的节点，并在GridView中展示了产品信息。接下来，我们可以进一步实现分页和排序功能，提升用户体验。经过精细的调整和优化，我们的GridView代码已经焕然一新，与狼蚁网站SEO优化的策略相得益彰。

在前端展示方面，我们使用了asp:GridView控件来展示产品数据。如图6所示，呈现在浏览器中的效果清晰明了，每个产品都详细列出了名字、分类、供应商、价格和状态。

为了方便用户查看和管理数据，我们进一步添加了分页支持。在一个屏幕上列出所有产品并不利于用户浏览。我们将数据分成几个页面，并提供切换页面的功能。启用分页非常简单，只需选中GridView智能标签前的Paging复选框即可（即将AllowPaging属性设置为true）。

开启分页后，我们可以限制每页显示的记录数量，并在GridView中增加分页导航。如图7所示，一系列页面数字供用户快速切换。这种分页方式对于DetailsView和FormView控件同样适用，它们在过去的教学中已经得到了广泛的应用。

值得注意的是，DetailsView和FormView控件每页通常只显示一条记录。而对于GridView，我们可以通过PageSize属性配置每页显示的记录数（默认设置为10）。

除了基本的分页功能，GridView还提供了丰富的配置选项。例如，我们可以使用PagerStyle属性来定制分页导航的样式，包括设置背景色、前景色、CSS类、水平对齐方式等等。这些配置选项与狼蚁网站SEO优化的策略相结合，使我们的GridView更加完美。

通过以上的改动和优化，我们的GridView代码不仅功能强大，而且易于使用和定制。它与狼蚁网站SEO优化的策略相得益彰，为用户提供更好的体验。PagerSettings：自定义分页导航的强大功能

在Web开发中，分页导航是一个不可或缺的功能，特别是在展示大量数据时。想象一下一个包含众多记录的GridView，如果一次性全部展示，可能会使得页面过于拥挤，影响用户体验。这时，分页功能就显得尤为重要了。而PagerSettings正是为了这一功能而诞生的。

PagerSettings包含了许多属性，允许开发者自定义分页导航的显示方式。其中的PageButtonCount属性决定了在底部分页导航中显示的最大页面数，默认为10页。这意味着，如果用户的数据有上百页，你并不希望所有的页面按钮都显示出来，这样会导致界面过于复杂。

Mode属性决定了分页操作的形式。你可以选择不同的模式来满足不同的需求：

NextPrevious：只显示和上一页按钮，让用户可以逐页浏览。

NextPreviousFirstLast：除了和上一页按钮外，还提供了第一页和最后一页的按钮，这样用户可以快速定位到数据的首尾。

Numeric：显示一系列页面数字，用户可以点击数字直接跳转到相应的页面。

NumericFirstLast：在显示页面数字的还提供了第一页和最后一页的按钮。

除了上述的这些控件如GridView、DetailsView和FormView，还提供了PageIndex和PageCount属性来指示当前展示的页面和总页数。其中，PageIndex从0开始编号，而PageCount则从1开始。

想要改进GridView分页导航的默认外观吗？没问题！我们可以将其设置为居右显示，并带有灰色背景。但直接设置GridView的PagerStyle属性并不是最佳选择。我们可以在Styles.css中创建一个新的CSS类，如PagerRowStyle，然后在主题文件中关联这个CSS类。这样，我们就可以轻松地为分页导航设置样式了。

在GridView.skin文件中，我们可以为Web控件指定默认属性值。这里，我们将PagerStyle的CssClass属性设置为我们刚刚定义的PagerRowStyle。我们还配置了分页导航来显示5个页面数字，采用NumericFirstLast模式。

当用户点击分页导航中的某个页面数字时，页面会进行回发并展示所请求的页面数据。例如，在图8中，我们看到有81条记录，每页显示10条。当用户点击“一页”时，界面会更新并只显示一条记录。

PagerSettings为我们提供了强大的分页功能，结合CSS和皮肤文件的使用，可以轻松地自定义分页导航的样式和显示方式，从而提升用户体验。在深入研究分页技术时，我们发现，一个出色的用户体验是其核心要素之一。当用户在浏览大量数据时，如何快速、有效地展示信息变得尤为重要。本文将详细阐述如何通过点击一个页面数字，使得页面回发并展示相应的一组记录。在此过程中，我们将服务端的工作流程和如何改进默认的网页分页方式以实现更佳的用户体验。

当用户点击分页导航按钮时，页面回发并启动了服务端的工作流程。这一过程首先由GridView（或DetailsView、FormView）的PageIndexChanging事件触发。紧接着，ObjectDataSource会从业务逻辑层（BLL）获取所有数据。这些数据将根据GridView的PageIndex和PageSize属性进行筛选，确定哪些数据需要显示在页面上。当完成这一步骤后，GridView的PageIndexChanged事件将被触发。

值得注意的是，如果我们仅仅设置AllowPaging属性为true来进行分页，那么默认的分页方式会获取所有数据并从中挑选合适的部分来呈现在浏览器上。这种方式对于数据库中的数据会被BLL或ObjectDataSource进行缓存。对于大数据量的系统或高并发的应用程序来说，这种工作方式可能会显得效率低下。

为了提高效率，我们将会研究如何实现自定义分页。自定义分页可以让ObjectDataSource精确地获取用户请求的数据。对于大量的记录集，这种方式的效率将大大提高。我们也需要明确，对于数据量较小、访问频率较低的系统，默认的分页方式由于其简单和快速的特点，仍然是合适的选择。

当数据量巨大时，自定义分页显得尤为重要。例如，如果数据库中有几千甚至几万条产品记录，不实现自定义分页将会严重影响应用程序的性能。我们需要对默认的分页方式进行改进，通过实现自定义分页来提高效率。

为了提升用户的分页体验，数据Web控件提供了一些属性。例如，PageCount属性可以显示总页数，PageIndex属性则显示当前访问的页面，通过设置该属性可以快速定位到特定页面。我们可以在页面上添加一个Label Web控件来显示用户当前访问的页面，同时添加一个DropDownList控件让用户能够快速切换到某一页面。

具体来说，我们可以为GridView的DataBound事件创建一个事件处理器。在这个处理器中，我们可以设置PagingInformation标签的Text属性来显示用户当前访问的页面和总页数。这个操作在DataBound事件处理器中进行，因为每当数据绑定到GridView时，DataBound事件都会被触发，而PageIndexChanged事件仅在页面切换时触发。通过这种方式，用户在浏览数据时能够清楚地了解他们当前所在的页面和总页数。

除了Label控件外，我们还可以添加一个DropDownList控件来显示所有页数并突出显示当前浏览的页面。这样，用户可以选择DropDownList中的任何选项来快速切换到新的页面索引。为了实现这一功能，我们需要在设计时将DropDownList拖放到设计器上，设置其ID属性并启用AutoPostBack功能。通过这种方式，我们可以为用户提供更加便捷、直观的分页体验。

通过改进默认的分页方式和利用Web控件提供的属性，我们可以大大提高应用程序的性能并改善用户的分页体验。在DataBound环境中，我们执行了一段代码来动态更新页面导航的DropDownList。我们清空了PageList中的所有项目，然后根据Products的数据页数，循环添加每一个页面作为ListItem。这一过程确保了无论何时用户访问页面，都能看到一个准确的分页列表。尤其是当系统中的数据（比如从Products表中添加或删除记录）发生变化时，页面数量可能会改变，这段代码能够确保DropDownList的同步更新。

紧接着，我们对DropDownList的SelectedIndexChanged事件创建了一个处理器。每当用户选择不同的页面时，此处理器会被触发，自动跳转到对应的页面。这个过程简单高效，用户友好的界面设计使得体验更加流畅。

如图11所示，当用户选择下拉列表中的Page 6项时，他们将被直接导航到第六页。这种直观的界面设计大大提升了用户体验。

我们进一步增强了用户体验，为GridView添加了双向排序功能。只需在GridView的智能标签中选择Enable Sorting选项，就可以开启这一功能。这意味着用户可以点击GridView中的任何一个字段标题，对相应列的数据进行升序或降序排序。这种交互方式极大地提高了数据的可读性和易用性。

值得注意的是，如果你的数据访问层不支持排序，可能需要通过配置ObjectDataSource来实现对业务逻辑层返回数据的排序。这将在未来的教程中进行深入。我们也通过修改CSS样式，解决了排序LinkButton的颜色冲突问题，确保了链接在任何情况下都以白色显示，提升了界面的美观性。

通过这段代码的加入和对界面的优化，我们的系统既满足了分页导航的实际需求，又提升了用户与系统的交互体验。这使得系统更加健壮、灵活和友好。无论是管理员还是普通用户，都能在这个系统中轻松完成他们的任务，享受到流畅、直观的操作体验。深入与重构图12：基于UnitPrice的GridView排序机制

===========================

关于GridView的排序机制，是许多数据展示界面不可或缺的功能之一。本文将重点在基于UnitPrice的排序中，GridView是如何工作的，以及如何通过编程方式对其进行排序。为了更好地理解这一过程，我们将以图12为例进行详细的解读与重构。

一、GridView排序机制简述

在GridView中，所有的字段如BoundField、CheckBoxField和TemplateField等都具有SortExpression属性。这个属性用于指示当标题上的排序链接被点击后，数据应按照哪个字段进行排序。GridView本身也有一个SortExpression属性。当用户点击排序链接时，GridView会设置其SortExpression属性为被点击字段的SortExpression，然后数据会按照这一属性指定的字段重新排序。

二、图12中的排序流程分析

以图12为例，假设GridView展示的是产品列表，用户可以根据UnitPrice字段进行排序。具体的流程如下：

1. 用户点击UnitPrice字段的排序链接。

2. GridView触发Sorting事件。

3. GridView的SortExpression属性设置为“UnitPrice”。

4. ObjectDataSource根据新的SortExpression重新从BLL中获取数据，并按照UnitPrice进行排序。

5. GridView的PageIndex被重置为0（如果开启了分页功能）。

6. GridView触发Sorted事件。

三、编程方式实现GridView排序

--

除了上述的用户交互方式，我们还可以使用GridView的Sort方法进行编程排序。具体步骤如下：

1. 获取GridView实例。

2. 调用Sort方法，传入SortExpression（如“UnitPrice”）和SortDirection（Ascending或Descending）。

3. GridView将根据传入的参数进行排序。

四、自定义排序方式及限制

--

在图12中，虽然可以根据UnitPrice进行升序或降序排序，但可能有特定的业务需求需要限制某些字段的排序功能。例如，不希望用户根据价格进行排序，而只希望展示从价格最高到价格最低的排序方式。这时，我们可以通过移除或禁用特定字段的SortExpression属性来实现。当SortExpression被移除或设置为空字符串时，该字段的标题将不再作为排序链接，从而防止用户根据该字段进行排序。

总结与展望

--

本文对基于UnitPrice的GridView排序机制进行了详细解读和重构。通过深入了解其工作原理和流程，我们可以更加灵活地运用GridView的排序功能，满足不同的业务需求。在未来，我们还可以进一步如何通过自定义分页和缓存技术来提高排序操作的效率。为了实现页面上的价格排序功能，我们首先在页面上添加了一个Web按钮控件。这个控件的ID属性设置为“SortPriceDescending”，文本属性为“按价格排序”。为了响应按钮的点击事件，我们在设计器中双击该按钮控件，创建了Click事件处理器，并加入了以下代码：

```csharp

protected void SortPriceDescending_Click(object sender, EventArgs e)

{

// 按照UnitPrice属性以降序进行排序

Products.Sort("UnitPrice", SortDirection.Descending);

// 重定向到第一页以显示排序后的结果

// (此处应添加代码实现重定向到第一页的逻辑)

}

```

当用户点击这个“按价格排序”按钮时，后台代码将执行上述事件处理器中的代码。这段代码将商品列表按照“UnitPrice”属性进行降序排序，确保最贵的商品首先显示。

图15：点击按钮，以价格从高到低对产品进行排序

在这个教程中，我们已经介绍了如何实现默认的分页和排序功能。这些功能的实现过程在用户切换页面或进行排序时都是类似的，通常包括以下步骤：

1. 页面回发处理用户请求。

2. 数据Web控件（如GridView）在pre-level事件（如PageIndexChanging或Sorting）触发时开始处理。

3. 从ObjectDataSource重新获取所有数据。

4. 数据Web控件在post-level事件（如PageIndexChanged或Sorted）触发后更新显示。

我们已经实现了报表的基本分页和排序功能，但为了提高性能，我们可能需要创建自定义的分页策略或进一步改善分页和排序的用户界面。后续的教程将继续这些主题。

作者Scott Mitchell是ASP/ASP.NET领域的知名专家，他著有六本关于这些技术的书籍。自1998年以来，他一直致力于应用微软Web技术。Scott是一个独立的技术咨询顾问、培训师和作家。他最近完成了由Sams出版社出版的新书《24小时内精通ASP.NET 2.0》。您可以通过他的博客或电子邮件与他联系。如果您有任何疑问或需要进一步的帮助，请随时与他沟通。在您的编程旅程中，愿您享受每一刻的快乐，创造出精彩的应用！