简介

GridView和DetailsView控件通过绑定列和CheckBox列，可以简化数据编辑界面制作，呈现只读，编辑和新增界面，我们不需要增加元素标记或编写任何额外代码就可以得到这些界面。然而，绑定列和CheckBox列呈现的界面却缺乏实际应用中经常用到的定制功能。为了对GridView和DetailsView的编辑、新增界面进行定制，需要用模板列（TemplateField）替换原有列。

在上节教程中我们讨论如何增加验证控件来定制数据编辑界面，而本节教程将演示如何使用Web控件对实际的数据集合进行定制：将绑定列和CheckBox列中默认的TextBox、CheckBox控件替换成其他的输入控件。为此，我们将创建一个可编辑的GridView，并允许编辑更新产品的名字、类别、提供商和废弃状态等。而且编辑某行时，类别category和提供商supplier我们将使用DropDownList来显示，以供用户进行选择。此外，还将CheckBox列中默认的CheckBox控件替换成RadioButtonList控件，并提供2个单选选项：Active和Discontinued。 如图1：



图1：在GridView的编辑界面使用DropDownList和RadioButton控件

一、重载UpdateProduct方法

本节教程我们将创建一个可编辑的GridView并允许编辑更新产品的名字、类别、提供商和废弃状态等。因此，我们要重载UpdateProduct方法，并接受5个输入参数：4个产品参数值加上一个产品ID。像以前那样，本重载将：

1. 根据指定的ProductID从数据库中获取产品信息；
2. 更新ProductName，categoryID，supplierID和Discontinued字段；
3. 通过TableAdapter的Update()方法向数据访问层DAL发出更新请求。

简单起见，这个重载方法省略了一个重要的业务逻辑――检查并确保一个将会标记为discontinued的产品不是它的提供商提供的唯一产品。你愿意的话也可以加进来，或者做的更完善一些，将这个逻辑写到一个独立的方法中。

下面的代码是我们在ProductsBLL类中新增的UpdateProduct重载方法：

[System.ComponentModel.DataObjectMethodAttribute(System.ComponentModel.
 DataObjectMethodType.Update, false)]
public bool UpdateProduct(string productName, int? categoryID, int? supplierID, 
  bool discontinued, int productID)
{
Northwind.ProductsDataTable products = Adapter.GetProductByProductID(productID);
if (products.Count == 0)
// 如果没有匹配记录，返回false
        return false;
Northwind.ProductsRow product = products[0];
product.ProductName = productName;
if (supplierID == null) product.SetSupplierIDNull(); 
    else product.SupplierID = supplierID.Value;
if (categoryID == null) product.SetCategoryIDNull(); 
    else product.CategoryID = categoryID.Value;
product.Discontinued = discontinued;
// 更新产品记录
    int rowsAffected = Adapter.Update(product);
// 成功更新后返回true，否则返回false
    return rowsAffected == 1;
}

二、手工处理可编辑的GridView

编写完UpdateProduct重载方法，下面要做的是创建可编辑的GridView：在设计器窗口中打开EditInsertDelete 文件夹中的CustomizedUI.aspx页，为其增加一个GridView控件;接着通过GridView的智能标记创建一个新的ObjectDataSource，配置这个ObjectDataSource使用ProductBLL类的GetProducts()方法来获取产品信息，并让其使用上面创建的UpdateProduct重载方法来进行产品的更新。在新增和删除标签上，从下拉列表中选择（None）。



图2：配置ObjectDataSource使用上面创建的UpdateProduct重载方法

像《data modification》教程中那样，Visual Studio创建了ObjectDataSource的元素标记并指定OldValuesParameterFormatString属性为original_{0}。由于我们编写的方法不支持传入的原始的ProductID值，所以业务逻辑层不会生效。因此，像上节教程中那样，我们需要从元素标记中移除这些属性，或者设置这些属性。

改动后的ObjectDataSource元素标记将如下所示：

<asp:ObjectDataSource ID="ObjectDataSource1" runat="server"
SelectMethod="GetProducts" TypeName="ProductsBLL" UpdateMethod="UpdateProduct">
<UpdateParameters>
<asp:Parameter Name="productName" Type="String" />
<asp:Parameter Name="categoryID" Type="Int32" />
<asp:Parameter Name="supplierID" Type="Int32" />
<asp:Parameter Name="discontinued" Type="Boolean" />
<asp:Parameter Name="productID" Type="Int32" />
</UpdateParameters>
</asp:ObjectDataSource>

注意上面代码中OldValuesParameterFormatString已经被移除，并且在UpdateParameters集合中为UpdateProduct重载方法的每个入口参数提供了一个Parameter。

虽然ObjectDataSource被配置为只对产品的部分信息进行更新，而GridView却显示了所有的产品信息。我们需要按照下面几点来调整GridView：

• 1. 只包括ProductName, SupplierName, CategoryName字段的绑定列和Discontinued字段的CheckBox列。
• 2. CategoryName 和 SupplierName字段在Discontinued前面显示（左边）
• 3. 将CategoryName 和 SupplierName的标题分别改为“Category” 和 “Supplier”
• 4. 启用编辑模式（在GridView的智能标记中选择启用编辑复选框）

这些调整之后，设计器中的页面将如图3所示：


图3：移除GridView中无用的字段

GridView的元素标记也像下面所示：

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
    DataKeyNames="ProductID"
DataSourceID="ObjectDataSource1" EnableViewState="False">
<Columns>
<asp:BoundField DataField="ProductName" HeaderText="ProductName" 
         SortExpression="ProductName" />
<asp:BoundField DataField="CategoryName" HeaderText="Category" ReadOnly="True"
SortExpression="CategoryName" />
<asp:BoundField DataField="SupplierName" HeaderText="Supplier" ReadOnly="True"
SortExpression="SupplierName" />
<asp:CheckBoxField DataField="Discontinued" HeaderText="Discontinued" 
           SortExpression="Discontinued" />
</Columns>
</asp:GridView>

这时GridView的只读界面就改好了。查看数据时，每种产品就作为GridView中的一行，并显示产品的name，category,supplier和discontinued状态。

图4： GridView调整后的只读界面