DataList的编辑界面由EditItemTemplate里的标记语言和web控件定义。在目前为止所做的DataList编辑功能的例子里，编辑界面都只包含TextBox。在前面一章里，我们通过添加验证控件来增加了用户体验，提高了可用性。
EditItemTemplate可以包含除了TextBox以外的很多控件，比如DropDownList, RadioButtonList, Calendar等。和使用TextBox一样，使用这些控件自定义编辑界面时，步骤如下：
为EditItemTemplate添加控件.
使用绑定语法将相关的字段值赋给控件的属性.
在UpdateCommand事件处理里, 编程访问web控件的值，并将它传给相关的BLL的方法.
本章我们将为DataList创建一个更丰富的编辑界面，它将包含DropDownList和CheckBox。我们将创建一个列出product信息的DataList，用户可以更新它的name，supplier，category和discontinued status。见图1。
图 1: 编辑界面包含一个TextBox, 两个 DropDownLists和一个CheckBox
第一步: 显示Product 信息
在创建DataList的编辑界面前，我们需要先创建一个只读界面。先打开EditDeleteDataList文件夹下的CustomizedUI.aspx页，拖一个DataList进来，将ID设为Products。通过DataList的智能标签，创建一个名为ProductsDataSource的ObjectDataSource，用ProductsBLL类的GetProducts方法配置它。象前面一章一样，我们将直接通过BLL来更新product信息。在UPDATE,INSERT,DELETE标签里选择None.
图 2: 在UPDATE, INSERT, DELETE 标签的下拉列表里选择 (None)
配置完ObjectDataSource后，Visual Studio会自动创建默认的ItemTemplate，列出每个字段的值。将product name用<h4>表示，并添加一个Edit button，确保将它的CommandName属性设为 “Edit”. 我的标记语言如下：
<ItemTemplate> <h4> <asp:Label runat="server" Text='<%# Eval("ProductName") %>' /> </h4> <table> <tr> <td>Category:</td> <td> <asp:Label runat="server" Text='<%# Eval("CategoryName") %>' /> </td> <td>Supplier:</td> <td> <asp:Label runat="server" Text='<%# Eval("SupplierName") %>' /> </td> </tr> <tr> <td>Discontinued:</td> <td> <asp:Label runat="server" Text='<%# Eval("Discontinued") %>' /> </td> <td>Price:</td> <td> <asp:Label runat="server" Text='<%# Eval("UnitPrice", "{0:C}") %>' /> </td> </tr> <tr> <td colspan="4"> <asp:Button runat="Server" Text="Edit" CommandName="Edit" /> </td> </tr> </table> <br /> </ItemTemplate>
上面的标记语言用<h4>表示product name，4列的<table>展示其它字段。前面已经讨论过Styles.css里定义的ProductPropertyLabel和productPropertyValue类。浏览该页，见图3。
图 3: 显示product信息
第二步: 为编辑界面添加web控件
首先向EditItemTemplate里添加需要的web控件。我们需要用一个DropDownList表示category，一个DropDownList表示supplier，一个CheckBox 表示discontinued state。由于本例中不用编辑price，所以仍然用Label来表示它。
点击DataList的智能标签上的“Edit Templates”，选择EditItemTemplate,为它添加一个ID为Categories的EditItemTemplate。
图 4: 为Categories添加一个DropDownList
然后从DropDownList的智能标签里选择“Choose Data Source”，创建一个名为CategoriesDataSource的ObjectDataSource。用CategoriesBLL类的GetCategories()方法配制它（见图5）。数据源配置向导会要求为ListItem Text和Value选择字段。让DropDownList 显示CategoryName，CategoryID作为Value,见图6。
图 5: 创建 ObjectDataSource
图 6: 配置DropDownList的 Display 字段和Value 字段
重复上面的步骤，为suppliers创建一个ID为Suppliers的DropDownList 和一个名为SuppliersDataSource的ObjectDataSource。