Adding records with InsertItemTemplate

Certify and Increase Opportunity.
Be
Govt. Certified ASP.NET Programmer

Adding records with InsertItemTemplate

Use the InsertItemTemplate property to define a custom user interface (UI) for the insert item in the ListView control. This UI is rendered either at the start or at the end of the displayed items. You specify where the UI is rendered by using the InsertItemPosition property.

The InsertItemTemplate template usually contains the input controls for the user to enter the values for a new record. It also usually contains buttons or hyperlinks to insert the record and to cancel the insert operation.

To specify the custom template declaratively, add an InsertItemTemplate element inside the ListView element. You can then add the contents of the template to the InsertItemTemplate element. You can associate a field with an input control by using a two-way binding expression. When a record is inserted, the ListView control automatically extracts the field value from the associated input control.

To create buttons that perform the built-in cancel and insert operations, add a button control to the template. Set its CommandName property to one of the values listed in the following table.

Button type CommandName value
Cancel “Cancel”
Insert “Insert”

You can control the position of the insert item in the ListView control by using the InsertItemPosition property.

The following example shows how to define a custom template for the insert item of a ListView control. This code example is part of a larger example provided for the ItemInserted event.

<asp:ListView ID=”ContactsListView”
DataSourceID=”ContactsDataSource”
DataKeyNames=”ContactID”
OnItemInserted=”ContactsListView_ItemInserted”
InsertItemPosition=”LastItem”
runat=”server”>
<LayoutTemplate>
<table cellpadding=”2″ border=”1″ runat=”server” id=”tblContacts” width=”640px”>
<tr runat=”server” id=”itemPlaceholder” />
</table>
<asp:DataPager runat=”server” ID=”PeopleDataPager” PageSize=”12″>
<Fields>
<asp:NextPreviousPagerField
ShowFirstPageButton=”true” ShowLastPageButton=”true”
FirstPageText=”|&lt;&lt; ” LastPageText=” &gt;&gt;|”
NextPageText=” &gt; ” PreviousPageText=” &lt; ” />
</Fields>
</asp:DataPager>
</LayoutTemplate>
<ItemTemplate>
<tr runat=”server”>
<td valign=”top”>
<asp:Label ID=”FirstNameLabel” runat=”server” Text='<%#Eval(“FirstName”) %>’ />
<asp:Label ID=”LastNameLabel” runat=”server” Text='<%#Eval(“LastName”) %>’ />
</td>
<td>&nbsp;
<asp:Label ID=”EmailLabel” runat=”server” Text='<%#Eval(“EmailAddress”) %>’ />
</td>
</tr>
</ItemTemplate>
<InsertItemTemplate>
<tr style=”background-color:#D3D3D3″>
<td valign=”top”>
<asp:Label runat=”server” ID=”FirstNameLabel”
AssociatedControlID=”FirstNameTextBox” Text=”First Name”/>
<asp:TextBox ID=”FirstNameTextBox” runat=”server”
Text='<%#Bind(“FirstName”) %>’ /><br />
<asp:Label runat=”server” ID=”LastNameLabel”
AssociatedControlID=”LastNameTextBox” Text=”Last Name” />
<asp:TextBox ID=”LastNameTextBox” runat=”server”
Text='<%#Bind(“LastName”) %>’ /><br />
<asp:Label runat=”server” ID=”EmailLabel”
AssociatedControlID=”EmailTextBox” Text=”E-mail” />
<asp:TextBox ID=”EmailTextBox” runat=”server”
Text='<%#Bind(“EmailAddress”) %>’ />
</td>
<td>
<asp:LinkButton ID=”InsertButton” runat=”server”
CommandName=”Insert” Text=”Insert” />
</td>
</tr>
</InsertItemTemplate>
</asp:ListView>

Get industry recognized certification – Contact us

Menu