27 Sep 2017

How to insert update delete using Jquery in asp.net


.Aspx page code:-

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

<!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()
        {
            if ($("#btnsave").val() == "Update") {
                $.ajax({
                    url: 'Reg.aspx/Update',
                    type: 'post',
                    contentType: 'application/json;charset=utf-8',
                    datatype: 'json',
                    data: "{A:'" + $("#textname").val() + "',B:'" + $("#textage").val() + "',C:'" + $("#textaddress").val() + "',D:'" + EID + "'}",
                    success: function () {
                        alert('Update Successfull !!');
                        $("#btnsave").val("Save")
                        Databind();
                    },
                    error: function () {
                        alert('Update error !!');
                    }
                });
            }
            else {
                $.ajax({
                    url: 'Reg.aspx/Insert',
                    type: 'post',
                    contentType: 'application/json;charset=utf-8',
                    datatype: 'json',
                    data: "{A:'" + $("#textname").val() + "',B:'" + $("#textage").val() + "',C:'" + $("#textaddress").val() + "'}",
                    success: function () {
                        alert('Insert Successfull !!');
                    },
                    error: function () {
                        alert('insert error !!');
                    }
                });
            }
        }

        function Databind() {
            $.ajax({
                url: 'Reg.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('insert error !!');
                }
            });
        }
        function Delete(Empid) {
            $.ajax({
                url: 'Reg.aspx/Deletedata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{A:'"+Empid+"'}",
                success: function(){
                    alert('Deleted successfull !!');
                    Databind();
                },
                error: function () {
                    alert('Deleted  error !!');
                }
            });
        }
        function Edit(Empid) {
            $.ajax({
                url: 'Reg.aspx/Dataedit',
                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 jquery_insert_update_delete
{
    public partial class Reg : System.Web.UI.Page
    {
      
        protected void Page_Load(object sender, EventArgs e)
        {

        }
        [WebMethod]
        public static void Insert(string A, int B, string C)
        {
            SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_insert", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Name", A);
            cmd.Parameters.AddWithValue("@Age", B);
            cmd.Parameters.AddWithValue("@Address", C);
            cmd.ExecuteNonQuery();
            con.Close();
        }
        [WebMethod]
        public static void Update(string A, int B, string C,int D)
        {
            SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_update", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Name", A);
            cmd.Parameters.AddWithValue("@Age", B);
            cmd.Parameters.AddWithValue("@Address", C);
            cmd.Parameters.AddWithValue("@Empid", D);
            cmd.ExecuteNonQuery();
            con.Close();
        }
        [WebMethod]
        public static string Getdata()
        {
            SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
            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 void Deletedata(int A)
        {
            SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
            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 Dataedit(int A)
        {
            SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DBCS"].ConnectionString);
            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 string:-

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

  </connectionStrings>

Read Complete

26 Sep 2017

how to bind grid view using jquery in asp.net

how to bind data to grid view with query or json in asp.net:-


Create a webpage in a progect then install the json in a project(How to install Json in project) and add the jquery library in a project. J query accept the html control.
jquery does not accept server control.

Benefits of jquery:- Jquery is light weight project create ,jquery does not post back controls in .net project.And jquery project does not take load time.

What is append function in jquery:-

.append() is also support passing the multiple arguments as input. .append() is declare the continue arguments.


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>'+ds[i].Mobile+'</td></tr>')
                    }
                },

How to convert data set to json:- 

 variable name(dt) = JsonConvert.SerializeObject(ds.Tables[0]);



where call the data set value in jquery property:- 

success: function(ds){------------}


how to change value string to integer:-


   syntax-      ds = JSON.parse(ds.d);


How to install json in project:-

how to create grid bind project in jquery:-

.Aspx page code:-

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

<!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 () {
            Databind();
        });
        function Savedata() {
            $.ajax({
                url: 'Reg.aspx/Insert',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{A:'" + $("#textname").val() + "',B:'" + $("#textage").val() + "',C:'" + $("#textaddress").val() + "',D:'" + $("#textmobile").val() + "'}",
                success: function () {
                    alert('Insert Successfull !!');
                },
                error: function () {
                    alert('insert error!!')
                }
            });
        }

        function Databind() {
            $.ajax({
                url: 'Reg.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>'+ds[i].Mobile+'</td></tr>')
                    }
                },
                error: function () {
                    alert('insert 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>Mobile</td>
                    <td>
                        <input type="text" id="textmobile" /></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>Mobile</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;              (add data to linq namespace )
using System.Configuration;
using System.Web.Services;
using Newtonsoft.Json;
using Newtonsoft.Json.Linq;

namespace jqueryprectis5
{
    public partial class Reg : 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(string A,int B, string C,string D)
        {
            con.Open();
            SqlCommand cmd = new SqlCommand("usp_employee_insert", con);
            cmd.CommandType = CommandType.StoredProcedure;
            cmd.Parameters.AddWithValue("@Name", A);
            cmd.Parameters.AddWithValue("@Age", B);
            cmd.Parameters.AddWithValue("@Address", C);
            cmd.Parameters.AddWithValue("@Mobile", 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 page code:-

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

output is:-



Read Complete

what is access modifier in c# with example


what is access modifier in c# with example:-

Access modifiers is a keyword ,it is use to declare accessibility  a class and data member & member function and constructor .

How many types of  access modifier

There are 5 type of access modifier:-


1.Private.
2.Public.
3.Internal.
4.Protected.
5.Protected Internal.

Private:-Private access modifier used with in class.


Public:-Public access modifier can be accessible in a class and outside of class and we and use to before a class and before a method.


Internal:- Internal access modifier can be used to before a class. And Internal access modifier can be used to same project anywhere.
but We can't use out side of project.

Protected:- Protected members in a base class it is accessible in the drive class.


Protected Internal:- Protected Internal modifier can be accessible from any class with in same assembly,and it is inclused   the derived  class.
Read Complete

Popular Posts

Popular Posts

Translate

Total Pageviews