10 Oct 2017

drop down radio button usin jquery in asp.net


Aspx Code:-
                   first of all you add the j query library file. the you install the Json . How to add


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Registration.aspx.cs" Inherits="Jquerydropdownlist.Registration" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
        var IDD =0;
        $(document).ready(function () {
            Country_bind();
            Data_bind();
        });

        function Country_bind()
        {
            $.ajax({
                url: 'Registration.aspx/Get_Country',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{}",
                async: false,
                success: function (ds) {
                    ds = JSON.parse(ds.d);
                    $("#tbl").find("td:gt(0)").remove();
                    for (var i = 0; i < ds.length; i++)
                    {
                        $("#ddlcountry").append($('<option/>').attr("value", ds[i].cid).text(ds[i].cname));
                    }

                },
                error: function () {
                    alert('Get Country Error!!');
                }

            });
        }

        function Savedata() {
            $.ajax({
                url: 'Registration.aspx/Insertdata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{A:'" + $("#Textname").val() + "',B:'" + $("#ddlcountry").val() + "',C:'" + $("#Textage").val() + "',D:'" + $("#Textaddress").val() + "',E:'" + $('input:radio[name=A]:checked').val() + "',F:'"+IDD+"'}",
                async: false,
                success: function () {
                   alert('Insert Successfull !!')
                },
                error: function () {
                    alert('Insert Error!!');
                }

            });
        }

        function Data_bind() {
            $.ajax({
                url: 'Registration.aspx/Getdata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{}",
                async: false,
                success: function (ds) {
                    ds = JSON.parse(ds.d);
                    $("#tbl").find("tr:gt(0)").remove();
                    for (var i = 0; i < ds.length; i++)
                    {
                        $("#tbl").append('<tr>  <td>' + ds[i].Name + '</td>  <td>' + ds[i].cname + '</td> <td>' + (ds[i].Gender == "1" ? "Male" : ds[i].Gender == "2" ? "Female" : "Others") + '</td> <td>' + ds[i].Age + '</td>  <td>' + ds[i].Address + '</td> <td><input type="button" id="btnedit" value="Edit" onclick="Editdata(' + ds[i].Empid + ')" /></td> <td><input type="button" id="btndelete" value="Delete" onclick="Delete_data(' + ds[i].Empid + ')" /></td>  </tr>');
                    }
                },
                error: function () {
                    alert('databind error !!');
                }

            });
        }

        function Delete_data(Empid) {
            $.ajax({
                url: 'Registration.aspx/Delete',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{A:'"+Empid+"'}",
                success: function () {
                    alert('Delete successfull !!')
                    Data_bind();
                },
                error: function () {
                    alert('Delete Error !!');
                }

            });
        }

        function Editdata(Empid) {
            $.ajax({
                url: 'Registration.aspx/Edit_data',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{A: '"+Empid+"'}",
                success: function (ds) {
                    ds = JSON.parse(ds.d);
                    $("#Textname").val(ds[0].Name);
                    $("#ddlcountry").val(ds[0].Country);
                    $("#Textage").val(ds[0].Age);
                    $("#Textaddress").val(ds[0].Address);
                    $("#btnsave").val("Update");
                    IDD=Empid;
                },
                error: function () {
                    alert('Edit error !!');
                }

            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>Name:</td>
                    <td><input type="text" id="Textname" /></td>
                </tr>

                <tr>
                    <td>Country:</td>
                    <td>
                        <select id="ddlcountry">
                            <option value="0">--select--</option>
                        </select>
                    </td>
                </tr>

                 <tr>
                    <td>Gender:</td>
                    <td>
                        <input type="radio" value="1" name="A" />Male
                        <input type="radio" value="2" name="A" />Female
                        <input type="radio" value="3" name="A" />Other
                    </td>
                </tr>

                <tr>
                    <td>Age</td>
                    <td><input type="text" id="Textage" /></td>
                </tr>

                <tr>
                    <td>Address:</td>
                    <td><input type="text" id="Textaddress" /></td>
                </tr>

                <tr>
                    <td></td>
                    <td><input type="button" id="btnsave" value="Save" onclick="Savedata()" /></td>
                </tr>
            </table>
            <table id="tbl" border="1" style="background-color:pink">
                <tr style="background-color:maroon;color:white">
                    <th>Name</th>
                    <th>Country</th>
                    <th>Gender</th>
                    <th>Age</th>
                    <th>Address</th>
                    <th></th>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

.CS page:- coding

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 System.Data.SqlClient;
using System.Configuration;
using System.Web.Services;
using Newtonsoft.Json;
using Newtonsoft.Json.Linq;


namespace Jquerydropdownlist
{
    public partial class Registration : System.Web.UI.Page
    {
      static  SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
        protected void Page_Load(object sender, EventArgs e)
        {

        }
        [WebMethod]
        public static string Get_Country()
        {
            string dt = "";
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_country_get", con);
            cmd.CommandType = CommandType.StoredProcedure;
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
            con.Close();
            if (ds.Tables[0].Rows.Count > 0)
            {
                dt = JsonConvert.SerializeObject(ds.Tables[0]);
            }
            return dt;
        }

        [WebMethod]
        public static void Insertdata(string A,int B,int C,string D,int E,int F)
        {
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_insert_update", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Empid", F);
            cmd.Parameters.AddWithValue("@Name", A);
            cmd.Parameters.AddWithValue("@Country", B);
            cmd.Parameters.AddWithValue("@Age", C);
            cmd.Parameters.AddWithValue("@Address", D);
            cmd.Parameters.AddWithValue("@Gender", E);
            cmd.ExecuteNonQuery();
            con.Close();  
        }
        [WebMethod]
        public static string Getdata()
        {
            string dt = "";
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_get", con);
            cmd.CommandType = CommandType.StoredProcedure;
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
            con.Close();
            if(ds.Tables[0].Rows.Count>0)
            {
            dt=JsonConvert.SerializeObject(ds.Tables[0]);
            }
            return dt;
        }
        [WebMethod]
        public static string Edit_data(int A)
        {
            string dt = "";
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_edit", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Empid", A);
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
            con.Close();
            if (ds.Tables[0].Rows.Count > 0)
            {
                dt = JsonConvert.SerializeObject(ds.Tables[0]);
            }
            return dt;
        }

        [WebMethod]
        public static void Delete(int A)
        {
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_delete", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Empid", A);
            cmd.ExecuteNonQuery();
            con.Close();
        }
    }
}
Read Complete

9 Oct 2017

How to bind dropdownlist and radio button using j query in asp.net


Populate radiobuttonlist using jQuery

aspx code:-

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Registration.aspx.cs" Inherits="Jquerydropdownlist.Registration" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            Country_bind();
            Data_bind();
        });

        function Country_bind()
        {
            $.ajax({
                url: 'Registration.aspx/Get_Country',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{}",
                async: false,
                success: function (ds) {
                    ds = JSON.parse(ds.d);
                    $("#tbl").find("td:gt(0)").remove();
                    for (var i = 0; i < ds.length; i++)
                    {
                        $("#ddlcountry").append($('<option/>').attr("value", ds[i].cid).text(ds[i].cname));
                    }

                },
                error: function () {
                    alert('Get Country Error!!');
                }

            });
        }

        function Savedata() {
            $.ajax({
                url: 'Registration.aspx/Insertdata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{A:'" + $("#Textname").val() + "',B:'" + $("#ddlcountry").val() + "',C:'" + $("#Textage").val() + "',D:'" + $("#Textaddress").val() + "',E:'" + $('input:radio[name=A]:checked').val() + "'}",  

/// How to Get The Value of Selected Radio Button Using jQuery//

                async: false,
                success: function () {
                   alert('Insert Successfull !!')
                },
                error: function () {
                    alert('Insert Error!!');
                }

            });
        }

        function Data_bind() {
            $.ajax({
                url: 'Registration.aspx/Getdata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{}",
                async: false,
                success: function (ds) {
                    ds = JSON.parse(ds.d);
                    $("#tbl").find("tr:gt(0)").remove();
                    for (var i = 0; i < ds.length; i++)
                    {
                        $("#tbl").append('<tr>  <td>' + ds[i].Name + '</td>  <td>' + ds[i].cname + '</td> <td>' + (ds[i].Gender == "1" ? "Male" : ds[i].Gender == "2" ? "Female" : "Others") + '</td> <td>' + ds[i].Age + '</td>  <td>' + ds[i].Address + '</td> </tr>');
                    }
                },
                error: function () {
                    alert('databind error !!');
                }

            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>Name:</td>
                    <td><input type="text" id="Textname" /></td>
                </tr>

                <tr>
                    <td>Country:</td>
                    <td>
                        <select id="ddlcountry">
                            <option value="0">--select--</option>
                        </select>
                    </td>
                </tr>

                 <tr>
                    <td>Gender:</td>
                    <td>
                        <input type="radio" value="1" name="A" />Male     //Group name by A//
                        <input type="radio" value="2" name="A" />Female
                        <input type="radio" value="3" name="A" />Other
                    </td>                    ///radio button checked property
                </tr>

                <tr>
                    <td>Age</td>
                    <td><input type="text" id="Textage" /></td>
                </tr>

                <tr>
                    <td>Address:</td>
                    <td><input type="text" id="Textaddress" /></td>
                </tr>

                <tr>
                    <td></td>
                    <td><input type="button" id="btnsave" value="Save" onclick="Savedata()" /></td>
                </tr>
            </table>
            <table id="tbl" border="1" style="background-color:pink">
                <tr style="background-color:maroon;color:white">
                    <th>Name</th>
                    <th>Country</th>
                    <th>Gender</th>
                    <th>Age</th>
                    <th>Address</th>
                    <th></th>
                </tr>
            </table>
        </div>
    </form>
</body>

</html>


.CS page coding:-

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 System.Data.SqlClient;
using System.Configuration;
using System.Web.Services;
using Newtonsoft.Json;
using Newtonsoft.Json.Linq;


namespace Jquerydropdownlist
{
    public partial class Registration : System.Web.UI.Page
    {
      static  SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
        protected void Page_Load(object sender, EventArgs e)
        {

        }
        [WebMethod]
        public static string Get_Country()
        {
            string dt = "";
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_country_get", con);
            cmd.CommandType = CommandType.StoredProcedure;
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
            con.Close();
            if (ds.Tables[0].Rows.Count > 0)
            {
                dt = JsonConvert.SerializeObject(ds.Tables[0]);
            }
            return dt;
        }

        [WebMethod]
        public static void Insertdata(string A,int B,int C,string D,int E)
        {
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_insert", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Name", A);
            cmd.Parameters.AddWithValue("@Country", B);
            cmd.Parameters.AddWithValue("@Age", C);
            cmd.Parameters.AddWithValue("@Address", D);
            cmd.Parameters.AddWithValue("@Gender", E);
            cmd.ExecuteNonQuery();
            con.Close();  
        }
        [WebMethod]
        public static string Getdata()
        {
            string dt = "";
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_get", con);
            cmd.CommandType = CommandType.StoredProcedure;
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
            con.Close();
            if(ds.Tables[0].Rows.Count>0)
            {
            dt=JsonConvert.SerializeObject(ds.Tables[0]);
            }
            return dt;
        }
    }
}
Read Complete

Bind dropdownlist using jquery in asp.net


dropdown binding with jquery:-

J query:- J query always work asynchronous mode so you can async condition is false   

example:- async: false,

database code:-

create database Jquerydropdownlist

use Jquerydropdownlist

create table Country
(
cid int primary key identity(1,1),
cname varchar(50)
)

insert into Country(cname) values('India'),('USA'),('Canada'),('Japan')

select * from Country

create proc usp_country_get
as
begin
select * from Country
end

drop table Employee

create table Employee
(
Empid int primary key identity(1,1),
Name varchar(50),
Country int,
Age int,
Address varchar(50)
)

select * from Employee

Insert procedure:-

create proc usp_employee_insert
@Name varchar(50),
@Country int,
@Age int,
@Address varchar(50)
as
begin
insert into Employee(Name,Country,Age,Address)values(@Name,@Country,@Age,@Address)
end

select * from Employee

How to join two table:-

How to create get data procedure:-

create proc usp_employee_get
as
begin
select Employee.*, country.* from Employee inner join Country on Employee.Country=Country.cid
end

Aspx code:-

How to bind dropdown in asp.net using jquery:-

aspx page coding-


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Registration.aspx.cs" Inherits="Jquerydropdownlist.Registration" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            Country_bind();
            Data_bind();
        });

        function Country_bind()
        {
            $.ajax({
                url: 'Registration.aspx/Get_Country',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{}",
                async: false,
                success: function (ds) {
                    ds = JSON.parse(ds.d);
                    $("#tbl").find("td:gt(0)").remove();
                    for (var i = 0; i < ds.length; i++)
                    {
                        $("#ddlcountry").append($('<option/>').attr("value", ds[i].cid).text(ds[i].cname));
                    }

                },
                error: function () {
                    alert('Get Country Error!!');
                }

            });
        }

        function Savedata() {
            $.ajax({
                url: 'Registration.aspx/Insertdata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{A:'" + $("#Textname").val() + "',B:'" + $("#ddlcountry").val() + "',C:'" + $("#Textage").val() + "',D:'" + $("#Textaddress").val() + "'}",
                async: false,
                success: function () {
                   alert('Insert Successfull !!')
                },
                error: function () {
                    alert('Insert Error!!');
                }

            });
        }

        function Data_bind() {
            $.ajax({
                url: 'Registration.aspx/Getdata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{}",
                async: false,
                success: function (ds) {
                    ds = JSON.parse(ds.d);
                    $("#tbl").find("tr:gt(0)").remove();
                    for (var i = 0; i < ds.length; i++)
                    {
                        $("#tbl").append('<tr>  <td>' + ds[i].Name + '</td>  <td>' + ds[i].cname + '</td>  <td>' + ds[i].Age + '</td>  <td>' + ds[i].Address + '</td> </tr>');
                    }
                },
                error: function () {
                    alert('databind error !!');
                }

            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>Name:</td>
                    <td><input type="text" id="Textname" /></td>
                </tr>

                <tr>
                    <td>Country:</td>
                    <td>
                        <select id="ddlcountry">
                            <option value="0">--select--</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td>Age</td>
                    <td><input type="text" id="Textage" /></td>
                </tr>

                <tr>
                    <td>Address:</td>
                    <td><input type="text" id="Textaddress" /></td>
                </tr>

                <tr>
                    <td></td>
                    <td><input type="button" id="btnsave" value="Save" onclick="Savedata()" /></td>
                </tr>
            </table>
            <table id="tbl" border="1" style="background-color:pink">
                <tr style="background-color:maroon;color:white">
                    <th>Name</th>
                    <th>Country</th>
                    <th>Age</th>
                    <th>Address</th>
                    <th></th>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>


.CS page coding :-

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 System.Data.SqlClient;
using System.Configuration;
using System.Web.Services;
using Newtonsoft.Json;
using Newtonsoft.Json.Linq;


namespace Jquerydropdownlist
{
    public partial class Registration : System.Web.UI.Page
    {
      static  SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
        protected void Page_Load(object sender, EventArgs e)
        {

        }
        [WebMethod]
        public static string Get_Country()
        {
            string dt = "";
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_country_get", con);
            cmd.CommandType = CommandType.StoredProcedure;
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
            con.Close();
            if (ds.Tables[0].Rows.Count > 0)
            {
                dt = JsonConvert.SerializeObject(ds.Tables[0]);
            }
            return dt;
        }

        [WebMethod]
        public static void Insertdata(string A,int B,int C,string D)
        {
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_insert", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Name", A);
            cmd.Parameters.AddWithValue("@Country", B);
            cmd.Parameters.AddWithValue("@Age", C);
            cmd.Parameters.AddWithValue("@Address", D);
            cmd.ExecuteNonQuery();
            con.Close();  
        }
        [WebMethod]
        public static string Getdata()
        {
            string dt = "";
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_get", con);
            cmd.CommandType = CommandType.StoredProcedure;
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
            con.Close();
            if(ds.Tables[0].Rows.Count>0)
            {
            dt=JsonConvert.SerializeObject(ds.Tables[0]);
            }
            return dt;
        }
    }
}

Web.config file code:-

<?xml version="1.0"?>

<!--
  For more information on how to configure your ASP.NET application, please visit
  http://go.microsoft.com/fwlink/?LinkId=169433
  -->

<configuration>
    <system.web>
      <compilation debug="true" targetFramework="4.5" />
      <httpRuntime targetFramework="4.5" />
    </system.web>
<connectionStrings>
  <add name="DBCS" connectionString="data source=Shiva;integrated security=true;initial catalog=Jquerydropdownlist"/>
</connectionStrings>
</configuration>

Read Complete

8 Oct 2017

Jquery JSON Add Edit Update Delete in Asp .Net

how to create insert update one stored procedure in asp.net.


create proc usp_employee_insert_update
@Empid int,
@Name varchar(50),
@Age int,
@Address varchar(50)
as
begin
        if(@Empid=0)
        begin
         insert into Employee(Name,Age,Address) values(@Name,@Age,@Address)
       end
else
       begin
        update Employee set Name=@Name,Age=@Age,Address=@Address where Empid=@Empid
       end
       end




create database Jqueryinsertupdate123



use Jqueryinsertupdate123

truncate table Employee

create table Employee
(
Empid int primary key identity(1,1),
Name varchar(50),
Age int,
Address varchar(50)
)

select * from employee

create proc usp_employee_insert
@Name varchar(50),
@Age int,
@Address varchar(50)
as
begin
insert into Employee(Name,Age,Address) values(@Name,@Age,@Address)
end

create proc usp_employee_Getdata
as
begin
select * from Employee
end

create proc usp_Employee_delete
@Empid int
as
begin
delete from Employee where Empid=@Empid
end


create Proc Usp_employee_edit
@Empid int
as
begin
select * from Employee where Empid=@Empid
end

add j query file:-

<script src="jquery-3.2.1.min.js"></script>

How to install Json in asp.net

Install-Package Newtonsoft.Json -Version 6.0.1

.Aspx page code:-

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Registration.aspx.cs" Inherits="Jqueryinsertupdate123.Registration" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
        EID = 0;
        $(document).ready(function () {
            Databind();

        });

        function Savedata() {
            $.ajax({
                url: 'Registration.aspx/Insert_Update',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{A: '" + $("#textname").val() + "', B: '" + $("#textage").val() + "', C: '" + $("#textaddress").val() + "',E:'"+EID+"'}",
                success: function () {
                    alert('Insert successfull !!');
                },
                error: function () {
                    alert('Insert Error !!');
                },

            });
        }
        function Databind()
        {
            $.ajax({
                url: 'Registration.aspx/Getdata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{}",
                success: function(ds)
                {
                    ds=JSON.parse(ds.d);
                    $("#tbl").find("tr:gt(0)").remove();
                    for (var i = 0; i < ds.length; i++)
                    {
                        $("#tbl").append('<tr><td>' + ds[i].Name + '</td>  <td>' + ds[i].Age + '</td>  <td>' + ds[i].Address + '</td><td><input type="button" id="btndelete" value="Delete" onclick="Delete(' + ds[i].Empid + ')" /></td><td><input type="button" id="btnedit" value="Edit" onclick="Edit('+ds[i].Empid+')" /></td></tr>')
                    }
                },
                error: function () {
                    alert('Get data error!!')
                },

            });
        }

        function Delete(Empid) {
            $.ajax({
                url: 'Registration.aspx/Deletedata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{A: '"+Empid+"'}",
                success: function () {
                    alert('Delete successfull !!');
                },
                error: function () {
                    alert('Delete Error !!');
                },

            });
        }

        function Edit(Empid) {
            $.ajax({
                url: 'Registration.aspx/Editdata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{A: '" + Empid + "'}",
                success: function (ds) {
                    ds = JSON.parse(ds.d);
                    $("#textname").val(ds[0].Name);
                    $("#textage").val(ds[0].Age);
                    $("#textaddress").val(ds[0].Address);
                    $("#btnsave").val("Update");
                    EID = Empid;
                },
                error: function () {
                    alert('Edit Error !!');
                },

            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table>
        <tr>
            <td>Name:</td>
            <td><input type="text" id="textname" /></td>
        </tr>

        <tr>
            <td>Age:</td>
            <td><input type="text" id="textage" /></td>
        </tr>

        <tr>
            <td>Address:</td>
            <td><input type="text" id="textaddress" /></td>
        </tr>

        <tr>
            <td></td>
            <td><input type="button" id="btnsave" value="Save" onclick="Savedata()" /></td>
        </tr>
    </table>
        <table id="tbl" border="1" style="background-color:pink">
            <tr style="background-color:maroon;color:white">
                <th>Name</th>
                <th>Age</th>
                <th>Address</th>
                <th></th>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

.CS page code:-

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 System.Data.SqlClient;
using System.Configuration;
using System.Web.Services;
using Newtonsoft.Json;
using Newtonsoft.Json.Linq;


namespace Jqueryinsertupdate123
{
    public partial class Registration : System.Web.UI.Page
    {
       static SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
        protected void Page_Load(object sender, EventArgs e)
        {

        }
        [WebMethod]
        public static void Insert_Update(string A, int B, string C,int E)
        {
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_insert_update", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Empid", E);
            cmd.Parameters.AddWithValue("@Name", A);
            cmd.Parameters.AddWithValue("@Age", B);
            cmd.Parameters.AddWithValue("@Address", C);
            cmd.ExecuteNonQuery();
            con.Close();
        }
        [WebMethod]
        public static string Getdata()
        {
            string dt = "";
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_Getdata", con);
            cmd.CommandType = CommandType.StoredProcedure;
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
            con.Close();
            if (ds.Tables[0].Rows.Count > 0)
            {
                dt = JsonConvert.SerializeObject(ds.Tables[0]);
            }
            return dt;
        }
        [WebMethod]
        public static void Deletedata(int A)
        {
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_Employee_delete", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Empid", A);
            cmd.ExecuteNonQuery();
            con.Close();
        }

        [WebMethod]
        public static string Editdata(int A)
        {
            string dt = "";
            con.Open();
            SqlCommand cmd = new SqlCommand("Usp_employee_edit", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Empid", A);
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            DataSet ds = new DataSet();
            da.Fill(ds);
            con.Close();
            if (ds.Tables[0].Rows.Count > 0)
            {
                dt = JsonConvert.SerializeObject(ds.Tables[0]);

            }
            return dt;
        }
    }
}

Connection straing:-


<connectionStrings>

  <add name="DBCS" connectionString="data source=Shiva;integrated security=true;initial catalog=Jqueryinsertupdate123"/>

</connectionStrings>






Read Complete

Popular Posts

Popular Posts

Translate

Total Pageviews