在ASP.NET 2.0中操作数据之五十一：从GridView的页脚插入新记录

导言：

　　正如教程《概述插入、更新和删除数据》里探讨过的一样， GridView, DetailsView和FormView Web控件都有内置的修改数据的功能。当声明绑定到数据源控件时，可以快速而方便地修改数据——甚至不用写一行代码。不幸的是，只有DetailsView和FormView控件提供了内置的插入、编辑、删除功能，而 GridView控件只支持编辑、删除功能。不过，稍许努力，我们就能使GridView控件包含一个插入界面。

　　为了给GridView添加插入功能，我们要决定如何添加新记录：创建插入界面，编码插入数据。在本教程，我们将为GridView的页脚行（footer row ）添加插入界面（见图1）。其中每一列包含相应的用户界面元件（比如在TextBox里输入产品名称，在DropDownLis里选择供应商等等），同时我们需要一个"Add"按钮，当点击时，发生页面回传，将新记录添加到表Products里。

图1：页脚行提供了一个添加新记录的界面

第一步：在GridView控件里展示产品信息

　　首先添加一个展示产品的GridView控件。打开EnhancedGridView文件夹里的InsertThroughFooter.aspx页面，在上面添加一个GridView控件，设其ID为Products，然后，在其智能标签里绑定到一个名为ProductsDataSource的ObjectDataSource 。

图2：创建一个名为ProductsDataSource的新ObjectDataSource

　　设置该ObjectDataSource调用ProductsBLL类的GetProducts()方法获取产品信息。在本教程里，我们只关注于添加插入功能，与编辑和删除无关。所以，确保在“插入”选项卡里选AddProduct()方法。而在“编辑”和“删除”里选“(None)”。

图3：将 ObjectDataSource的Insert()方法设置为AddProduct()

图4：在UPDATE和DELETE选项里选“(None)”

　　完成设置后，Visual Studio会自动添加相关列。现在，我们暂时不管这些列，在教程后续部分，我们将移除一些列，因为在添加新记录时我们不需指定这些列的值。

　　因为数据库中大概有80个产品，所以我们最好还是启用分页功能，以便使插入界面更直观、更易操作。回到页面，在GridView的智能标签里启用分页。

现在，GridView和ObjectDataSource的声明代码看起来和下面的差不多：

<asp:GridView ID="Products" runat="server" AutoGenerateColumns="False"
 DataKeyNames="ProductID" DataSourceID="ProductsDataSource"
 AllowPaging="True" EnableViewState="False">
 <Columns>
 <asp:BoundField DataField="ProductID" HeaderText="ProductID"
  InsertVisible="False" ReadOnly="True"
  SortExpression="ProductID" />
 <asp:BoundField DataField="ProductName" HeaderText="ProductName"
  SortExpression="ProductName" />
 <asp:BoundField DataField="SupplierID" HeaderText="SupplierID"
  SortExpression="SupplierID" />
 <asp:BoundField DataField="CategoryID" HeaderText="CategoryID"
  SortExpression="CategoryID" />
 <asp:BoundField DataField="QuantityPerUnit" HeaderText="QuantityPerUnit"
  SortExpression="QuantityPerUnit" />
 <asp:BoundField DataField="UnitPrice" HeaderText="UnitPrice"
  SortExpression="UnitPrice" />
 <asp:BoundField DataField="UnitsInStock" HeaderText="UnitsInStock"
  SortExpression="UnitsInStock" />
 <asp:BoundField DataField="UnitsOnOrder" HeaderText="UnitsOnOrder"
  SortExpression="UnitsOnOrder" />
 <asp:BoundField DataField="ReorderLevel" HeaderText="ReorderLevel"
  SortExpression="ReorderLevel" />
 <asp:CheckBoxField DataField="Discontinued" HeaderText="Discontinued"
  SortExpression="Discontinued" />
 <asp:BoundField DataField="CategoryName" HeaderText="CategoryName"
  ReadOnly="True" SortExpression="CategoryName" />
 <asp:BoundField DataField="SupplierName" HeaderText="SupplierName"
  ReadOnly="True" SortExpression="SupplierName" />
 </Columns>
</asp:GridView>

<asp:ObjectDataSource ID="ProductsDataSource" runat="server"
 InsertMethod="AddProduct" OldValuesParameterFormatString="original_{0}"
 SelectMethod="GetProducts" TypeName="ProductsBLL">
 <InsertParameters>
 <asp:Parameter Name="productName" Type="String" />
 <asp:Parameter Name="supplierID" Type="Int32" />
 <asp:Parameter Name="categoryID" Type="Int32" />
 <asp:Parameter Name="quantityPerUnit" Type="String" />
 <asp:Parameter Name="unitPrice" Type="Decimal" />
 <asp:Parameter Name="unitsInStock" Type="Int16" />
 <asp:Parameter Name="unitsOnOrder" Type="Int16" />
 <asp:Parameter Name="reorderLevel" Type="Int16" />
 <asp:Parameter Name="discontinued" Type="Boolean" />
 </InsertParameters>
</asp:ObjectDataSource>

图5：在一个启用了分页功能的GridView里，显示产品的所有数据项

第2步：添加一个页脚行

　　GridView控件包含页眉行、数据行和页脚行。GridView控件ShowHeader和ShowFooter属性决定了是否显示页眉行和页脚行。如果要显示页脚行，我们需要将 ShowFooter属性设置为true。如图6所示：

图6：设ShowFooter属性为True，添加页脚行

　　我们注意到页脚行的背景色是深红色，这是由于我们在教程《使用ObjectDataSource展现数据》里创建了一个名为DataWebControls的主题，并将其应用为所有的页面底色。特别的，皮肤文件GridView.skin设置FooterStyle属性使用FooterStyle CSS ，其代码如下：

.FooterStyle
{
 background-color: #a33;
 color: White;
 text-align: right;
}

　　注意：在以前的教程我们提到过使用GridView的页脚行。如果不清楚的话，请查阅教程第15章《在GridView的页脚中显示统计信息》

　　设置ShowFooter属性为true后，在浏览器里观看效果。当前的页脚行并不包含任何的文字或Web控件。在第3步，我们将修改其包含相应的插入界面。

图7：页脚行显示为空白

第3步：自定义页脚行

　　回顾教程《在GridView控件中使用TemplateField》，在那篇教程我们探讨了如何对GridView的某一列使用TemplateFields（而不是BoundFields或CheckBoxFields） ，从而实现自定义显示样式；而在教程《定制数据修改界面》里我们看到如何在GridView里使用TemplateFields定制编辑界面。一个TemplateField是由诸如ItemTemplate、EditItemTemplate等模板构成的。比如，ItemTemplate模板显示的数据行为只读状态；而EditItemTemplate模板定制了一个编辑行界面。

　　除了ItemTemplate、EditItemTemplate等模板外，TemplateField也包含一个名为FooterTemplate的模板，它为容器指定页脚行。所以我们可以在FooterTemplate模板里添加插入界面要用到的Web控件。让我们开始吧，首先，我们将GridView控件里的所有列转换成TemplateFiel