Using FormView control to edit/delete in ASP.NET & C#

Quick Search

Navigator: Home - Display - Using FormView control to edit/delete in ASP.NET & C#

This tutorial shows how we can use the FormView control to display data from a SQL database, and also allow adding, updating and deletion of this data.

If you're looking for a really good web host, try Server Intellect - we found the setup procedure and control panel, very easy to adapt to and their IT team is awesome!

Looking for the VB.NET 2005 Version? Click Here!

Looking for more ASP.NET Tutorials? Click Here!

This tutorial uses an example SQL database to show how the FormView control can display data for a user to edit, delete and also add to the database.
Web.Config:

</connectionStrings>

We add a DropDownList control to enable selection of records, and a FormView control to allow display and editing of the selected record. Each of these controls will have their own SqlDataSource:

<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True" DataSourceID="SqlDataSource1" DataTextField="theName" DataValueField="theID" AppendDataBoundItems="True" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged">

<asp:ListItem>(Select)</asp:ListItem>

</asp:DropDownList>
<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%# ConnectionStrings:BasicDataAccessConnectionString %>" SelectCommand="SELECT [theID], [theName], [theCity] FROM [tblOne]"></asp:SqlDataSource>
<asp:FormView ID="FormView1" runat="server" DataKeyNames="theID" DataSourceID="SqlDataSource2" Height="206px" Width="347px" OnItemDeleted="FormView1_ItemDeleted" OnItemInserted="FormView1_ItemInserted" OnItemUpdated="FormView1_ItemUpdated">

<tr>

<asp:Label ID="theIDLabel1" runat="server" Text=&##60;%# Eval("theID") %>'></asp:Label></td>

</tr>
<tr>

<asp:TextBox ID="theNameTextBox" runat="server" Text='<%# Bind("theName") %>'>
</asp:TextBox></td>

</tr>
<tr>

<asp:TextBox ID="theCityTextBox" runat="server" Text='<%# Bind("theCity") %>'>
</asp:TextBox></td>

</tr>
<tr>

<asp:LinkButton ID="UpdateButton" runat="server" CausesValidation="True" CommandName="Update" Text="Update"></asp:LinkButton> - <asp:LinkButton ID="UpdateCancelButton" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"></asp:LinkButton>

</td>

</tr>

</table>
<br />
 

</EditItemTemplate>
<InsertItemTemplate>

<tr>

<asp:TextBox ID="theIDTextBox" runat="server" Text='<%# Bind("theID") %>'></asp:TextBox>

</td>

</tr> <tr>

<asp:TextBox ID="theNameTextBox" runat="server" Text='<%# Bind("theName") %>'></asp:TextBox>

</td>

</tr>
<tr>

<asp:TextBox ID="theCityTextBox" runat="server" Text='<%# Bind("theCity") %>'></asp:TextBox>

</td>

</tr>
<tr>

<asp:LinkButton ID="InsertButton" runat="server" CausesValidation="True" CommandName="Insert" Text="Insert"></asp:LinkButton> -
<asp:LinkButton ID="InsertCancelButton" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"></asp:LinkButton>

</td>

</tr>

</table>
<br /> 

</InsertItemTemplate>
<ItemTemplate>Sample Database<br />

<tr>

<asp:Label ID="theIDLabel" runat="server" Text='<%# Eval("theID") %>'>

</td>

</tr>
<tr>

<asp:Label ID="theNameLabel" runat="server" Text='<%# Bind("theName") %>'></asp:Label>

</td>

</tr>
<tr>

<asp:Label ID="theCityLabel" runat="server" Text='<%# Bind("theCity") %>'></asp:Label>

</td>

</tr>
<tr>

<asp:LinkButton ID="NewButton" runat="server" CausesValidation="False" CommandName="New" Text="New"></asp:LinkButton> -
<asp:LinkButton ID="EditButton" runat="server" CausesValidation="False" CommandName="Edit" Text="Edit"></asp:LinkButton> -
<asp:LinkButton ID="DeleteButton" runat="server" CausesValidation="False" CommandName="Delete" Text="Delete"></asp:LinkButton>

</td>

</tr>

</table>

</ItemTemplate>

</asp:FormView>

<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%# ConnectionStrings:BasicDataAccessConnectionString %>" DeleteCommand="DELETE FROM [tblOne] WHERE [theID] = @theID" InsertCommand="INSERT INTO [tblOne] ([theID], [theName], [theCity]) VALUES (@theID, @theName, @theCity)" SelectCommand="SELECT * FROM [tblOne] WHERE ([theID] = @theID)" UpdateCommand="UPDATE [tblOne] SET [theName] = @theName, [theCity] = @theCity WHERE [theID] = @theID">

<asp:Parameter Name="theID" Type="Int32" />

</DeleteParameters>
<UpdateParameters>

<asp:Parameter Name="theName" Type="String" />
<asp:Parameter Name="theCity" Type="String" />
<asp:Parameter Name="theID" Type="Int32" />

</UpdateParameters>
<SelectParameters>

<asp:ControlParameter ControlID="DropDownList1" Name="theID" PropertyName="SelectedValue" Type="Int32" />

</SelectParameters>
<InsertParameters>

<asp:Parameter Name="theID" Type="Int32" />
<asp:Parameter Name="theName" Type="String" />
<asp:Parameter Name="theCity" Type="String" />

</InsertParameters>

</asp:SqlDataSource>

</div>
</form>

When the user updates, deletes or adds a new record using the FormView control, we need to tell the ListBox to update it's list from the database.
The following code will also make the FormView appear once the user has selected an item from the drop-down list, and the initial item of (Select) in the list will disappear once the user has selected from the list.

protected void Page_Load(object sender, EventArgs e)
{

if (!IsPostBack)
{

FormView1.Visible = false;

}

}
protected void FormView1_ItemInserted(object sender, FormViewInsertedEventArgs e)
{

DropDownList1.Items.Clear();
DropDownList1.DataBind();

}
protected void FormView1_ItemUpdated(object sender, FormViewUpdatedEventArgs e)
{

DropDownList1.Items.Clear();
DropDownList1.DataBind();

}
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{

if(DropDownList1.Items[0].Text == "(Select)")
{

DropDownList1.Items.RemoveAt(0);

}
FormView1.Visible = true;

}
protected void FormView1_ItemDeleted(object sender, FormViewDeletedEventArgs e)
{

DropDownList1.Items.Clear();
DropDownList1.DataBind();

}

Looking for the VB.NET 2005 Version? Click Here!

Looking for more ASP.NET Tutorials? Click Here!

We used over 10 web hosting companies before we found Server Intellect. Their dedicated servers and add-ons were setup swiftly, in less than 24 hours. We were able to confirm our order over the phone. They respond to our inquiries within an hour. Server Intellect's customer support and assistance are the best we've ever experienced.

Download Project Source - Enter your Email to be emailed a link to download the Full Source Project used in this Tutorial!

100% SPAM FREE! We will never sell or rent your email address!