通过刚才操作的字段（英文版是Fields）对话框，绑定列可以转换为模板列，同样拥有了只读，编辑，新增等原有功能。下面的代码显示了 DetailsView中转换为模板列后的ProductName字段的元素标记：

<asp:TemplateField HeaderText="ProductName" SortExpression="ProductName">
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("ProductName") %>'>
    </asp:TextBox>
</EditItemTemplate>
<InsertItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("ProductName") %>'>
    </asp:TextBox>
</InsertItemTemplate>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("ProductName") %>'>
    </asp:Label>
</ItemTemplate>
</asp:TemplateField>

注意该模板列自动创建了三个模板列，ItemTemplate, EditItemTemplate以及InsertItemTemplate。项模板ItemTemplate使用Label Web控件简单显示字段值（ProductName），而EditItemTemplate和InsertItemTemplate则使用TextBox控件并利用其Text属性来处理相关的数据。由于我们在页面上只使用DetailsView实现新增，你可以删除ItemTemplate和EditItemTemplate，当然留着也无关紧要。

由于GridView不支持DetailsView内建的新增功能，将GridView的ProductName字段转换为模板列，并只保留ItemTemplate和 EditItemTemplate：

<asp:TemplateField HeaderText="ProductName" SortExpression="ProductName">
<EditItemTemplate>
<asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("ProductName") %>'>
    </asp:TextBox>
</EditItemTemplate>
<ItemTemplate>
<asp:Label ID="Label1" runat="server" Text='<%# Bind("ProductName") %>'>
    </asp:Label>
</ItemTemplate>
</asp:TemplateField>

通过点击‘将此字段转换为TemplateField’链接，Visual Studio创建了一个模板列模拟绑定列的界面，这一点可以通过在浏览器里查看页面来证实，替换前后外观和行为应该是完全一致的。

注意：可以根据需要在模板里随意定制编辑界面。例如，也许我们对UnitPrice字段使用一个小一点的TextBox。要实现这一点可以通过设置 TextBox的Columns属性或者通过Width属性指定一个固定宽度。下节教程会讨论如何用其它的数据输入Web控件替换TextBox来定制编辑界面。