Reader Level:
Articles

Insert, Update and Delete Data in GridView Using WCF Service

By Rohatash Kumar on July 24, 2012
Today, I have provided an article showing you how to insert, delete and update data in a GridView using a WCF service from C# code.
  • 4
  • 0
  • 48878

Introduction

Today, I have provided an article showing you how to insert, delete and update data in a GridView using a WCF service from C# code. To insert, delete and update data in a GridView using a WCF service, we must do the following 3 things:

  1. Create Database Table
  2. Create WCF Service
  3. Create web Application

In the first step we will create a table in SQL Server; after that we create a simple function to insert, delete and update data in a GridView control using a WCF service. In a web application, add a reference of the service to insert, update and delete data in the GridView control. Let's take a look at a practical example. The example application is developed in Visual Studio 2010 and SQL Server 2008.

Step 1: Creating Database Table

  1. Database name:  Registration
  2. Database table name: RegistrationTable

RegistrationTable Table

img1.jpg

Step 2: Creating WCF Service

Now you have to create a WCF Service:

  • Go to Visual Studio 2010
  • New-> Select a project

img2.jpg

Now click on the project and select WCF Service Application and provide a name for the service:

img3.jpg

Now click on the Ok Button. Then you will get 3 files in Solution Explorer.

  1. IService.cs
  2. Service.svc
  3. Service.svc.cs

The following image shows the following files:

img4.jpg

For inserting data into the database you need to write the following code in the IService1.cs file which contains the two sections:

  1. OperationContract
  2. DataContract

The OperationContract section is used to add service operations and a DataContract is used to add types to the service operations.

Iservice1.cs File

Now we create a function in the OperationContract section of the Iservice1.cs file:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Runtime.Serialization;

using System.ServiceModel;

using System.ServiceModel.Web;

using System.Text;

using System.Data.SqlClient;

using System.Data;

 

namespace WCFServiceForInsert

{

    // NOTE: You can use the "Rename" command on the "Refactor" menu to change the interface name "IService1" in both code and config file together.

    [ServiceContract]

    public interface IService1

    {

        [OperationContract]

        string InsertUserDetails(UserDetails userInfo);

 

        [OperationContract]

        DataSet  SelectUserDetails();

 

        [OperationContract]

        bool DeleteUserDetails(UserDetails userInfo);

 

        [OperationContract]

        DataSet UpdateUserDetails(UserDetails userInfo);

 

        [OperationContract]

        void UpdateRegistrationTable(UserDetails userInfo);

    }

 

    // Use a data contract as illustrated in the sample below to add composite types to service operations.

    [DataContract]

    public class UserDetails

    {

        int userid;

        string username;

        string password;

        string country;

        string email;

 

 

 

        [DataMember]

        public int UserID

        {

            get { return userid; }

            set { userid = value; }

        }

 

        [DataMember]

        public string UserName

        {

            get { return username; }

            set { username = value; }

        }

        [DataMember]

        public string Password

        {

            get { return password; }

            set { password = value; }

        }

        [DataMember]

        public string Country

        {

            get { return country; }

            set { country = value; }

        }

        [DataMember]

        public string Email

        {

            get { return email; }

            set { email = value; }

        }

    }

}

Service.svc.cs File

In this file we define the definition of the function InsertUserDetails(UserDetails userInfo).

And replace the code with the following:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Runtime.Serialization;

using System.ServiceModel;

using System.ServiceModel.Web;

using System.Text;

using System.Data.SqlClient;

using System.Data;

 

namespace WCFServiceForInsert

{

    // NOTE: You can use the "Rename" command on the "Refactor" menu to change the class name "Service1" in code, svc and config file together.

    public class Service1 : IService1

    {

 

        public DataSet SelectUserDetails()

        {

            SqlConnection con = new SqlConnection("Data Source=.;Initial Catalog=registration;User ID=sa;Password=wintellect");

            con.Open();

            SqlCommand cmd = new SqlCommand("Select * from RegistrationTable", con);

            SqlDataAdapter sda = new SqlDataAdapter(cmd);

            DataSet ds = new DataSet();

            sda.Fill(ds);

            cmd.ExecuteNonQuery();

            con.Close();

            return ds;

        }

 

        public bool DeleteUserDetails(UserDetails userInfo)

        {

            SqlConnection con = new SqlConnection("Data Source=.;Initial Catalog=registration;User ID=sa;Password=wintellect");

            con.Open();

            SqlCommand cmd = new SqlCommand("delete from RegistrationTable where UserID=@UserID", con);

            cmd.Parameters.AddWithValue("@UserID", userInfo.UserID);

            cmd.ExecuteNonQuery();

            con.Close();

            return true;

        }

 

        public DataSet UpdateUserDetails(UserDetails userInfo)

        {

            SqlConnection con = new SqlConnection("Data Source=.;Initial Catalog=registration;User ID=sa;Password=wintellect");

            con.Open();

            SqlCommand cmd = new SqlCommand("select * from RegistrationTable where UserID=@UserID", con);

            cmd.Parameters.AddWithValue("@UserID", userInfo.UserID);

            SqlDataAdapter sda = new SqlDataAdapter(cmd);

            DataSet ds = new DataSet();

            sda.Fill(ds);

            cmd.ExecuteNonQuery();

            con.Close();

            return ds;

        }

 

        public void UpdateRegistrationTable(UserDetails userInfo)

        {

 

            SqlConnection con = new SqlConnection("Data Source=.;Initial Catalog=registration;User ID=sa;Password=wintellect");

            con.Open();

            SqlCommand cmd = new SqlCommand("update RegistrationTable set UserName=@UserName,Password=@Password,Country=@Country, Email=@Email where UserID=@UserID", con);

            cmd.Parameters.AddWithValue("@UserID", userInfo.UserID);

            cmd.Parameters.AddWithValue("@UserName", userInfo.UserName);

            cmd.Parameters.AddWithValue("@Password", userInfo.Password);

            cmd.Parameters.AddWithValue("@Country", userInfo.Country);

            cmd.Parameters.AddWithValue("@Email", userInfo.Email);

            cmd.ExecuteNonQuery();

            con.Close();

        }

 

        public string InsertUserDetails(UserDetails userInfo)

        {

            string Message;

            SqlConnection con = new SqlConnection("Data Source=.;Initial Catalog=registration;User ID=sa;Password=wintellect");

            con.Open();

            SqlCommand cmd = new SqlCommand("insert into RegistrationTable(UserName,Password,Country,Email) values(@UserName,@Password,@Country,@Email)", con);

            cmd.Parameters.AddWithValue("@UserName", userInfo.UserName);

            cmd.Parameters.AddWithValue("@Password", userInfo.Password);

            cmd.Parameters.AddWithValue("@Country", userInfo.Country);

            cmd.Parameters.AddWithValue("@Email", userInfo.Email);

            int result = cmd.ExecuteNonQuery();

            if (result == 1)

            {

                Message = userInfo.UserName + " Details inserted successfully";

            }

            else

            {

                Message = userInfo.UserName + " Details not inserted successfully";

            }

            con.Close();

            return Message;

        }

    }

}

 

Testing the Service

Press F5 to run the service. A WCF Test Client form will be displayed and it will load the service.

img5.jpg

Now double-click the InserUserDetails() method under IService1. The InserUserDetails tab will be displayed.

img7.jpg

The service was added successfully.

Now open the service in the browser.

Now right-click on the service1.vcs -> open in browser:

img6.jpg

Now copy the URL.

img8.jpg

URL

http://localhost:2268/Service1.svc

Step 3: Create web Application (Accessing the Service)

Now, you have to create a web site.

  • Go to Visual Studio 2010
  • New-> Select a website application
  • Click OK

img9.gif

Now add a new page to the website:

  • Go to the Solution Explorer
  • Right-click on the Project name
  • Select add new item
  • Add new web page and give it a name
  • Click OK

img10.gif

When we click on the add the service reference the following window will be opened:

img11.jpg

Now paste the above URL in the address and click on the go button.

img12.jpg

Click on the Ok Button. Now the reference has been added in the Solution Explorer.

img13.jpg

Now create a new website and drag and drop controls onto the aspx page. The aspx code is the following:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="WcfServiceselectInsert.aspx.cs"

    Inherits="WcfServiceselectInsert" %>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

        <div>

            <table width="84%" cellpadding="0" cellspacing="0" style="border: solid 1px #3366CC;">

                <tr>

                    <td colspan="4" style="height: 30px; background-color: #f5712b;">

                        <span class="TextTitle" style="color: #FFFFFF;">Registration Form</span>

                    </td>

                </tr>

                <tr>

                    <td height="20px" colspan="0">

                    </td>

                </tr>

                <tr>

                    <td width="50%" valign="top">

                        <table id="TableLogin" class="HomePageControlBGLightGray" cellpadding="4" cellspacing="4"

                            runat="server" width="100%">

                            <tr>

                                <td colspan="3" align="center">

                                    <asp:Label ID="LabelMessage" ForeColor="Red" runat="server" EnableViewState="False"

                                        Visible="False"></asp:Label><br>

                                </td>

                            </tr>

                            <tr style="font-weight: normal; color: #000000">

                                <td align="right">

                                    <span>UserName:</span>;

                                </td>

                                <td align="left" style="padding-left: 10px;">

                                    <asp:TextBox ID="TextBoxUserName" runat="server" CssClass="textbox" Width="262px"

                                        MaxLength="50" Height="34px"></asp:TextBox>

                                </td>

                            </tr>

                            <tr>

                                <td align="right">

                                    <span class="TextTitle">Password:</span>

                                </td>

                                <td align="left" style="padding-left: 10px;">

                                    <asp:TextBox ID="TextBoxPassword" runat="server" CssClass="textbox" Width="261px"

                                        MaxLength="50" Height="34px"></asp:TextBox>

                                    <br />

                                </td>

                            </tr>

                            <tr>

                                <td align="right">

                                    <span class="TextTitle">Country:</span>

                                </td>

                                <td align="left" style="padding-left: 10px;">

                                    <asp:TextBox ID="TextBoxCountry" runat="server" CssClass="textbox" Width="258px"

                                        MaxLength="50" Height="34px"></asp:TextBox>

                                    <br />

                                </td>

                            </tr>

                            <tr>

                                <td align="right">

                                    <span class="TextTitle">Email:</span>

                                </td>

                                <td align="left" style="padding-left: 10px;">

                                    <asp:TextBox ID="TextBoxEmail" runat="server" CssClass="textbox" Width="258px" MaxLength="50"

                                        Height="34px"></asp:TextBox>

                                    <br />

                                </td>

                            </tr>

                            <tr>

                                <td align="right">

                                </td>

                                <td align="left" style="padding-left: 10px;">

                                    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" Width="87px" />

                                    <br />

                                </td>

                            </tr>

                            <tr>

                                <td>

                                </td>

                                <td>

                                    <asp:GridView ID="CategoriesGridView" runat="server" AutoGenerateColumns="False"

                                        CellPadding="4" DataKeyNames="UserID" AllowSorting="True" PagerStyle-HorizontalAlign="left"

                                        Width="100%" BackColor="#FFFFCC">

                                        <HeaderStyle HorizontalAlign="Left" />

                                        <Columns>

                                            <asp:TemplateField HeaderText="UserName ">

                                                <ItemTemplate>

                                                    <asp:Label ID="LabelUserName" runat="server" Text='<%#Eval("UserName") %>'></asp:Label>

                                                </ItemTemplate>

                                            </asp:TemplateField>

                                            <asp:TemplateField HeaderText="Password">

                                                <ItemTemplate>

                                                    <asp:Label ID="LabelLPassword" runat="server" Text='<%#Eval("Password") %>'></asp:Label>

                                                </ItemTemplate>

                                            </asp:TemplateField>

                                            <asp:TemplateField HeaderText="Country ">

                                                <ItemTemplate>

                                                    <asp:Label ID="LabelCountry" runat="server" Text='<%#Eval("Country") %>'></asp:Label>

                                                </ItemTemplate>

                                            </asp:TemplateField>

                                            <asp:TemplateField HeaderText="Email">

                                                <ItemTemplate>

                                                    <asp:Label ID="LabelEmail" runat="server" Text='<%#Eval("Email") %>'></asp:Label>

                                                </ItemTemplate>

                                            </asp:TemplateField>

                                            <asp:TemplateField HeaderText="Edit">

                                                <ItemTemplate>

                                                    <asp:ImageButton ID="ImageButtonEdit" runat="server" CausesValidation="false" CommandArgument='<%#Eval("UserId") %>'

                                                        OnCommand="CategoryImageButtonEdit_Command" ImageUrl="~/Images/Edit.png"

                                                        ToolTip="Edit" />

                                                </ItemTemplate>

                                                <ItemStyle Width="100px" />

                                            </asp:TemplateField>

                                            <asp:TemplateField HeaderText="Delete">

                                                <ItemStyle Width="100px" HorizontalAlign="Left" />

                                                <ItemTemplate>

                                                    <asp:ImageButton ID="ImageButtonDelete" runat="server" CausesValidation="false" CommandArgument='<%#Eval("UserId") %>'

                                                        CommandName="Delete" OnCommand="CategoryButtonDelete_Command" ImageUrl="~/Images/cross.gif"

                                                        ToolTip="Delete" />

                                                </ItemTemplate>

                                            </asp:TemplateField>

                                        </Columns>

                                        <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />

                                        <PagerStyle HorizontalAlign="Left"></PagerStyle>

                                        <RowStyle CssClass="GridItems" />

                                        <HeaderStyle CssClass="GridHeader" />

                                    </asp:GridView>

                                </td>

                            </tr>

                        </table>

                    </td>

                </tr>

            </table>

        </div>

    </div>

    </form>

</body>

</html>

 

The designing form looks like below:

 

img14.jpg

 

Double-click the button, and add the following code in the click event handler:

 

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Data;

using ServiceReference1;

using System.IO;

 

public partial class WcfServiceselectInsert : System.Web.UI.Page

{

    ServiceReference1.Service1Client objServiceClientobjService = new ServiceReference1.Service1Client();

    protected void Page_Load(object sender, EventArgs e)

    {

        if (!IsPostBack)

        {

            showdata();

        }

    }

 

    private void showdata()

    {

        DataSet ds = new DataSet();

        ds = objServiceClientobjService.SelectUserDetails();

        CategoriesGridView.DataSource = ds;

        CategoriesGridView.DataBind();

 

    }

    protected void Button1_Click(object sender, EventArgs e)

    {

        if (Button1.Text == "Update")

        {

            updateuserdetail();

            TextBoxUserName.Text = string.Empty;

            TextBoxPassword.Text = string.Empty;

            TextBoxCountry.Text = string.Empty;

            TextBoxEmail.Text = string.Empty;

            Button1.Text = "Submit";

        }

        else

        {

            insertuserdetail();

            showdata();

        }

    }

 

    private void insertuserdetail()

    {

        UserDetails userInfo = new UserDetails();

        userInfo.UserName = TextBoxUserName.Text;

        userInfo.Password = TextBoxPassword.Text;

        userInfo.Country = TextBoxCountry.Text;

        userInfo.Email = TextBoxEmail.Text;

        string result = objServiceClientobjService.InsertUserDetails(userInfo);

        LabelMessage.Text = result;

        showdata();

    }

 

    protected void CategoryButtonDelete_Command(object sender, System.Web.UI.WebControls.CommandEventArgs e)

    {

        UserDetails userInfo = new UserDetails();

        userInfo.UserID = int.Parse(e.CommandArgument.ToString());

        objServiceClientobjService.DeleteUserDetails(userInfo);

        showdata();

    }

 

    protected void CategoryImageButtonEdit_Command(object sender, System.Web.UI.WebControls.CommandEventArgs e)

    {

 

        UserDetails userInfo = new UserDetails();

        userInfo.UserID = int.Parse(e.CommandArgument.ToString());

        ViewState["UserId"] = userInfo.UserID;

        DataSet ds = new DataSet();

        ds = objServiceClientobjService.UpdateUserDetails(userInfo);

 

        if (ds.Tables[0].Rows.Count > 0)

        {

            TextBoxUserName.Text = ds.Tables[0].Rows[0]["UserName"].ToString();

            TextBoxPassword.Text = ds.Tables[0].Rows[0]["Password"].ToString();

            TextBoxCountry.Text = ds.Tables[0].Rows[0]["Country"].ToString();

            TextBoxEmail.Text = ds.Tables[0].Rows[0]["Email"].ToString();

            Button1.Text = "Update";

        }

    }

 

    private void updateuserdetail()

    {

        UserDetails userInfo = new UserDetails();

 

        userInfo.UserID = int.Parse(ViewState["UserId"].ToString());

        userInfo.UserName = TextBoxUserName.Text;

        userInfo.Password = TextBoxPassword.Text;

        userInfo.Country = TextBoxCountry.Text;

        userInfo.Email = TextBoxEmail.Text;

        objServiceClientobjService.UpdateRegistrationTable(userInfo);

        showdata();

    }

}

 

Now run the application.

 

Press CTRL+F5 to run the project:

 

img15.jpg

 

Now enter the UserName, Password, country and Email and click on the button.

 

img16.jpg

Now click on the button. Data will be saved in the database table and also displayed in the GridView on the form.

 

img17.jpg

We can also insert more data.

 

img18.jpg

Now click on Delete Image to delete the record where the username is manish in the GridView.

 

img19.jpg

Now click on the edit Image to update the record where the username is Rohatash Kumar in the GridView. The data will be displayed in the TextBoxes.

 

img20.jpg

 

Now replace username with Name Sanjay and  email id with  sanjay@gmail.com and click on the update Button. The updated data will be displayed in the GridView and also will be updated in the database table.

 

img21.jpg

Article Extensions
Contents added by ravi singh on Dec 14, 2012
Rohatash Kumar

Normal 0 false false false EN-AU X-NONE X-NONE I am a Microsoft .NET software Developer and author and C# Corner MVP. I hold Masters degree i... Read more

COMMENT USING

Trending up