注意一点:在databindings对话框中有一个双向数据绑定的复选框，这是在数据插入和编辑时才会用到，这一点我们在以后会介绍到，我们运行这个程序，我们可以看到在FirstName一列中同时显示了LastName和FirstName两个字段。如图 7所示。

图 7

　　这样我们就完成这第一步，下面是我们修改后的这些变化后的GridView控件的HTML代码:

＜asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" CellPadding="4" DataKeyNames="EmployeeID" DataSourceID="SqlDataSource1" ForeColor="#333333" GridLines="None" Width="640px"＞ ＜FooterStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /＞ ＜Columns＞ ＜asp:BoundField DataField="EmployeeID" HeaderText="EmployeeID" InsertVisible="False" ReadOnly="True" SortExpression="EmployeeID" /＞ ＜asp:BoundField DataField="LastName" HeaderText="LastName" SortExpression="LastName" /＞ ＜asp:TemplateField HeaderText="FirstName" SortExpression="FirstName"＞ ＜EditItemTemplate＞ ＜asp:TextBox ID="TextBox1" runat="server" Text='＜%# Bind("FirstName") %＞'＞＜/asp:TextBox＞ ＜/EditItemTemplate＞ ＜ItemTemplate＞ ＜asp:Label ID="Label1" runat="server" Text='＜%# Bind("FirstName") %＞'＞＜/asp:Label＞ ＜asp:Label ID="Label2" runat="server" Text='＜%# Eval("LastName") %＞' Width="62px"＞＜/asp:Label＞ ＜/ItemTemplate＞ ＜/asp:TemplateField＞ ＜asp:BoundField DataField="Title" HeaderText="Title" SortExpression="Title" /＞ ＜asp:BoundField DataField="HireDate" HeaderText="HireDate" SortExpression="HireDate" /＞ ＜/Columns＞ ＜RowStyle BackColor="#FFFBD6" ForeColor="#333333" /＞ ＜SelectedRowStyle BackColor="#FFCC66" Font-Bold="True" ForeColor="Navy" /＞ ＜PagerStyle BackColor="#FFCC66" ForeColor="#333333" HorizontalAlign="Center" /＞ ＜HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="White" /＞ ＜AlternatingRowStyle BackColor="White" /＞ ＜/asp:GridView＞

接下来我们要做的是在编辑状态下雇员雇用日期用日历控件显示出来，点击编辑栏的连接GridView的智能标签、选择编辑列选项.选择hireddate字段， 选择Boundfield属性的在左下角的将次字段转换为TemplateField选项,然后单击"转换成Templatefield这一项，如图 8 所示。

图 8

　　这时我们进入再次进入编辑摸版时，单击GridView的智能标签，选择编辑模版，templatefield含有一个ItemTemplate和EditItemTemplate的标签,选择hiredateTemplatefield的EditItemTemplatee选项,将lable 标签删除，从工具箱中选择日历控件放在EditItemTemplate 编辑模版界面上，并设计日历控件控件的风格样式。如图 9 所示。

上一页  [1] [2] [3] [4] [5] 下一页

• 上一篇：设置上传文件的最大大小
• 下一篇：ASP.Net中无法用javascript实现图片随屏幕移动的解决办法