ASP.NET 2.0数据教程之十二：在GridView控件中使用TemplateField

系列文章导航：

ASP.NET 2.0数据教程之一：创建一个数据访问层

ASP.NET 2.0数据教程之二：创建一个业务逻辑层

ASP.NET 2.0数据教程之三：母板页和站点导航

ASP.NET 2.0数据教程之四：使用ObjectDataSource展现数据

ASP.NET 2.0数据教程之五：声明参数

ASP.NET 2.0数据教程之六：编程设置ObjectDataSource的参数值

ASP.NET 2.0数据教程之七：使用DropDownList过滤的主/从报表

ASP.NET 2.0数据教程之八：使用两个DropDownList过滤的主/从报表

ASP.NET 2.0数据教程之九：跨页面的主/从报表

ASP.NET 2.0数据教程之十：使用 GridView 和DetailView实现的主/从报表

ASP.NET 2.0数据教程之十一：基于数据的自定义格式化

ASP.NET 2.0数据教程之十二：在GridView控件中使用TemplateField

第二步：将姓和名显示在一列中

现在，每一个雇员的姓和名都是分开在两列中显示的。把它们放到一个列中显示出来也许是一个不错的主意。要做到这一点，我们需要用到TemplateField。我们可以添加一个新的TemplateField，给它加上一些必须的标记语言和数据绑定代码，然后删除原来的FirstName和 LastName这两个BoundField；当然，我们也可以将FirstName这个BoundField直接转换成一个TemplateField，编辑它以加上LastName的值，然后再删除LastName这个BoundField。

两种办法都行，不过我个人还是比较喜欢直接转换的那种，因为这种方式可以自动的添加一个含有Web控件和相应的数据绑定代码的ItemTemplate和EditItemTemplate，它们可以用来模仿一个BoundField的呈现和功能。这样做的好处自然是不言而喻的，因为转换的过程已经帮我们做了很多事情，那我们当然就可以节约不少的时间了。

要将一个BoundField转换成TemplateField，我们可以在GridView的智能标签的弹出菜单中点击“编辑列”（Edit Columns）。在弹出对话框的左下角的列表中选择需要转换的BoundField，然后点击右下角的“将此列转换成模板列”（Convert this field into a TemplateField）即可。

图四：在字段对话框中，将一个绑定列转换成一个模板列

让我们继续将FirstName这个BoundField转换成TemplateField。在这个更改之后，设计器中并没有什么明显的不同。这是因为将BoundField转换成TemplateField时，其实是创建了一个维持之前的BoundField的外观和感觉的TemplateField。尽管在设计器中没有视觉上的变化，但是这个转换的过程已经将BoundField的声明代码——<asp:BoundField DataField="FirstName" HeaderText="FirstName" SortExpression="FirstName" />——改成了如下所示的TemplateField的声明代码：

1<asp:TemplateField HeaderText="FirstName" SortExpression="FirstName">
2    <EditItemTemplate>
3        <asp:TextBox ID="TextBox1" runat="server" Text='<%# Bind("FirstName") %>'></asp:TextBox>
4    </EditItemTemplate>
5    <ItemTemplate>
6        <asp:Label ID="Label1" runat="server" Text='<%# Bind("FirstName") %>'></asp:Label>
7    </ItemTemplate>
8</asp:TemplateField>
9