DataGrid Web控件深度历险(3) part1
作者：袖梨
2022-07-02
这篇文章是一系列关于使用DataGrid Web控件文章的第三篇。ASP.Net DataGrid Web控件可将数据库信息显示在HTML表格中，并且功能强大。在第一篇文章中我们讨论了DataGrid的基本功能；在第二篇文章中我们讨论了设定DataGrid显示属性的信息。本文将研究如何将事件与DataGrid联系起来。
导言
在第一篇文章中我们研究了DataGrid的基本功能 (它是一个被设计用于在HTML表格标签中显示数据的ASP.Net Web控件)，展示了通过ASP.Net页面显示数据库内容是如何的简单。在第二篇文章中我们研究了如何自定义DataGrid的显示。正如在先前演示(Demo)中看到的，通过很少的程序代码我们就能以印象深刻的格式显示数据库信息。
虽然显示数据非常有效，但是真正有用的是能否将某种形式的动作与DataGrid联系起来。例如，想象一下你正在为某个电子商务公司工作并被要求通过DataGrid显示所有订单信息。每一个订单含有很多相关的数据，包括订购的商品、订购时间、购买者的信息(姓名、地址等)、购买者选择的运货方式等。在一个DataGrid中(为每一个订单)显示所有这些信息将会导致过度的信息显示。
正如在DataGrid Web控件深度历险(2)中看到的，我们可以通过将AutoGenerateColumns属性设为False,然后通过Columns属性指定需要显示的列。虽然这种做法使得数据易于理解，但是如果用户同时希望能够查看到任意一个订单的复杂细节，那又该怎么做呢？理想地我们希望在DataGrid的每一行上有一个标记为Detail的按钮，当点击这个按钮后将显示订单的全部信息。
本文的示例将引领读者创建一个非常类似的应用。在前面的演示中我们显示了ASPFAQs.com最受欢迎的10个常见问题。本文将对该演示进行扩充以显示10个常见问题的最关键信息，同时每一行包含一个Detail按钮。
构建基础
我们在第二篇文章中提到DataGrid控件允许在DataGrid的Columns标记中放置一些BoundColumn标记。回想一下每一个BoundColumn标记代表DataGrid中的一列。为了将按钮放置在DataGrid中，我们可以使用ButtonColumn标记，这与BoundColumn标记的用法很类似。下面的代码显示如何将按钮放置在DataGrid中:
导言
在第一篇文章中我们研究了DataGrid的基本功能 (它是一个被设计用于在HTML表格标签中显示数据的ASP.Net Web控件)，展示了通过ASP.Net页面显示数据库内容是如何的简单。在第二篇文章中我们研究了如何自定义DataGrid的显示。正如在先前演示(Demo)中看到的，通过很少的程序代码我们就能以印象深刻的格式显示数据库信息。
虽然显示数据非常有效，但是真正有用的是能否将某种形式的动作与DataGrid联系起来。例如，想象一下你正在为某个电子商务公司工作并被要求通过DataGrid显示所有订单信息。每一个订单含有很多相关的数据，包括订购的商品、订购时间、购买者的信息(姓名、地址等)、购买者选择的运货方式等。在一个DataGrid中(为每一个订单)显示所有这些信息将会导致过度的信息显示。
正如在DataGrid Web控件深度历险(2)中看到的，我们可以通过将AutoGenerateColumns属性设为False,然后通过Columns属性指定需要显示的列。虽然这种做法使得数据易于理解，但是如果用户同时希望能够查看到任意一个订单的复杂细节，那又该怎么做呢？理想地我们希望在DataGrid的每一行上有一个标记为Detail的按钮，当点击这个按钮后将显示订单的全部信息。
本文的示例将引领读者创建一个非常类似的应用。在前面的演示中我们显示了ASPFAQs.com最受欢迎的10个常见问题。本文将对该演示进行扩充以显示10个常见问题的最关键信息，同时每一行包含一个Detail按钮。
构建基础
我们在第二篇文章中提到DataGrid控件允许在DataGrid的Columns标记中放置一些BoundColumn标记。回想一下每一个BoundColumn标记代表DataGrid中的一列。为了将按钮放置在DataGrid中，我们可以使用ButtonColumn标记，这与BoundColumn标记的用法很类似。下面的代码显示如何将按钮放置在DataGrid中:
