Article
Beginning ASP.NET Using VB.NET - Chapter 14: ASP.NET Server Controls
Try It Out – Using the EditItem Template
1. Create a new file called EditTemplate.aspx, and add the following HTML elements and ASP.NET server controls. Don't worry about it looking long and complex – we'll explain it after we've seen what it does:
<html>
<body>
<form runat="server">
<asp:Label id="ErrorMessage" runat="server" /><br/>
<asp:LinkButton OnClick="DEDR_Add" Text="Add new event"
runat="server"/><br/>
<asp:DataGrid id="EventData"
AutoGenerateColumns="false" width="100%"
runat="server"
OnEditCommand="DEDR_Edit"
OnUpdateCommand="DEDR_Update"
OnCancelCommand="DEDR_Cancel"
OnDeleteCommand="DEDR_Delete">
<HeaderStyle ForeColor="White"
BackColor="DodgerBlue" Font-Bold="true"/>
<ItemStyle BackColor="White"/>
<AlternatingItemStyle BackColor="Gainsboro"/>
<Columns>
<asp:TemplateColumn HeaderText="Event">
<ItemTemplate>
<%# Container.DataItem("ShortDesc") %>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox id="txtShortDesc" Size="25"
Text='<%# Container.DataItem("ShortDesc") %>'
runat="server"/>
</EditItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Description">
<ItemTemplate>
<%# Container.DataItem("DetailDesc") %>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox id="txtDetailDesc" Size="50"
Text='<%# container.DataItem("DetailDesc") %>'
runat="server"/>
</EditItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="Start Time">
<ItemTemplate>
<%# Container.DataItem("StartTime") %>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox id="txtStartTime" Size="7"
Text='<%# Container.DataItem("StartTime") %>'
runat="server"/>
</EditItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn HeaderText="EndTime">
<ItemTemplate>
<%# Container.DataItem("EndTime") %>
</ItemTemplate>
<EditItemTemplate>
<asp:TextBox id="txtEndTime" Size="7"
Text='<%# Container.DataItem("EndTime") %>'
runat="server"/>
</EditItemTemplate>
</asp:TemplateColumn>
<asp:TemplateColumn>
<ItemTemplate>
<asp:LinkButton CommandName="Edit"
Text="Edit" runat="server"/>
<asp:LinkButton CommandName="Delete"
Text="Delete" runat="server"/>
</ItemTemplate>
<EditItemTemplate>
<asp:LinkButton CommandName="Cancel"
Text="Cancel" runat="server"/>
<asp:LinkButton CommandName="Update"
Text="Update" runat="server"/>
</EditItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
</form>
</body>
</html>