11 May 2018

Insert Update Delete in asp.net using jquery with jquey validation| ASP.Net Form Validation Using jQuery


Database code:-

create database country_state_test

use country_state_test

create table Country
(
Cid int primary key identity(1,1),
Cname varchar(50)
)

create proc usp_country_get
as
begin
select * from country
end

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

alter table Employee Add Gender int

select * from Employee

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

create alter proc usp_employee_ins_upd
@Empid int,
@Name varchar(50),
@Gender int,
@Country int,
@Age int,
@Address varchar(50)
as
begin
if(@Empid=0)
begin
insert into Employee(name,Gender,country,age,address) values(@name,@Gender,@country,@age,@address)
end
else
begin
update Employee set name=@name,Gender=@Gender,country=@country,age=@age,address=@address where empid=@empid
end
end

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

select min(salary) from
(select top(3) salary from Employee order by salary desc) as T


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

create alter proc usp_employee_edit
@Empid int
as
begin
select * from Employee where Empid=@Empid
end

create alter proc usp_emp_search
@Search varchar(50),
@column varchar(50)
as
begin
select Employee.*,Country.* from Employee inner join country on Employee.Country=Country.Cid where Name like '%'+@Search+'%' or Cname like '%'+@column+'%'
end


Registrtion.Apsx page Code:-

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Registration.aspx.cs" Inherits="jquery_countray_test.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">
        function Validation() {
            var errorsummery = "";
            errorsummery += checkname();
            errorsummery += checkage();
            errorsummery += checkaddress();

            if (errorsummery != "") {
                alert(errorsummery);
                return false;
            }
            else {
                Savedata();
            }
        }
        function checkname()
        {
            var TBN = $("#txtname").val();
            if (TBN == "") {
                return 'Plese enter your name !!\n'
            }
            else {
                return "";
            }
        }

        function checkage() {
            var TBA = $("#txtage").val();
            if (TBA == "") {
                return 'Plese enter your age !!\n'
            }
            else {
                return "";
            }
        }


        function checkaddress() {
            var TAD = $("#txtaddress").val();
            if (TAD == "") {
                return 'Plese enter your address !!\n'
            }
            else {
                return "";
            }
        }
       var EID = 0;
        $(document).ready(function () {
            country_bind();
            Data_bind();
        });

        function country_bind()
            {
                $.ajax({
                    url: 'Registration.aspx/country_get',
                    type: 'post',
                    contentType: 'application/json;charset=utf-8',
                    datatype: 'json',
                    async:false,
                    data: "{}",
                    success: function (ds) {
                        ds = JSON.parse(ds.d);
                        for (var i = 0; i < ds.length; i++)
                        {
                            $("#ddlcountry").append($('<option/>').attr("value", ds[i].Cid).text(ds[i].Cname));
                        }
                    },
                    error: function () {
                        alert('Country bind error !!');
                    },
                });
            }

        function Savedata() {
            $.ajax({
                url: 'Registration.aspx/Insert',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                data: "{F: '" + EID + "',A:'" + $("#txtname").val() + "', B:'" + $('input:radio[name=A]:checked').val() + "', C:'" + $("#ddlcountry").val() + "', D:'" + $("#txtage").val() + "',E:'" + $("#txtaddress").val() + "'}",
                success: function () {
                    if ($("#btnsave").val() == "Save") {
                        alert('Insert data successfull !!');
                    }
                    else if ($("#btnsave").val == "Update")
                    {
                        alert('Update successfull !!');
                    }
                    window.location.reload(true);
                },
                error: function () {
                    if ($("#btnsave").val() == "Save") {
                        alert('insert data error !!');
                    }
                    else if ($("#btnsave").val() == "Update")
                    {
                        alert('update data error !!');
                    }
                },
               
            });
        }
       
        function Data_bind() {
            $.ajax({
                url: 'Registration.aspx/Getdata',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                async: false,
                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].Gender == "1" ? "Male" : ds[i].Gender == "2" ? "Female" : "Other") + '</td>  <td>' + ds[i].Cname + '</td>  <td>' + ds[i].Age + '</td>  <td>' + ds[i].Address + '</td> <td><input type="button" id="btndelete" value="Delete" onclick="Delete_data(' + ds[i].Empid + ')" /></td> <td><input type="button" id="btnedit" value="Edit" onclick="Edit_data(' + ds[i].Empid + ')" /></td></tr>')
                    }
                },
                error: function () {
                    alert('Data bind error !!');
                },
            });
        }

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

            });
        }

        function Edit_data(Empid) {
            $.ajax({
                url: 'Registration.aspx/data_edit',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                async: false,
                data: "{A:'"+Empid+"'}",
                success: function (ds) {
                    ds = JSON.parse(ds.d);
                    $("#txtname").val(ds[0].Name);
                    $("#ddlcountry").val(ds[0].Country);
                    $("#txtage").val(ds[0].Age);
                    $("#txtaddress").val(ds[0].Address);
                    $("#btnsave").val("Update");
                    EID = Empid;
                },
                error: function () {
                    alert('Data edit error !!');
                },
            });
        }

        function SearchData() {
            $.ajax({
                url: 'Registration.aspx/Search',
                type: 'post',
                contentType: 'application/json;charset=utf-8',
                datatype: 'json',
                async: false,
                data: "{A: '" + $("#txtsearch").val() + "',B: '" + $("#ddlcountry").val() + "'}",
                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].Gender == "1" ? "Male" : ds[i].Gender == "2" ? "Female" : "Other") + '</td>  <td>' + ds[i].Cname + '</td>  <td>' + ds[i].Age + '</td>  <td>' + ds[i].Address + '</td> <td><input type="button" id="btndelete" value="Delete" onclick="Delete_data(' + ds[i].Empid + ')" /></td> <td><input type="button" id="btnedit" value="Edit" onclick="Edit_data(' + ds[i].Empid + ')" /></td></tr>')
                    }
                },
                error: function () {
                    alert('search data error !!');
                },
            });
        }

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

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

                    </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="txtage" /></td>
                </tr>

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

                <tr>
                    <td></td>
                    <td><input type="button" id="btnsave" value="Save" onclick="return Validation()" /></td>
                </tr>

                <tr>
                    <td></td>
                    <td><input type="text" id="txtsearch" /><input type="button" id="btnsearch" value="Search" onclick="SearchData()" /></td>
                </tr>
            </table>
            <table id="tbl" border="1" style="background-color:pink">
                <tr style="background-color:maroon;color:white">
                    <th>Name</th>
                    <th>Gender</th>
                    <th>Country</th>
                    <th>Age</th>
                    <th>Address</th>
                    <th>Delete</th>
                    <th>Edit</th>
                    <th></th>
                </tr>
            </table>
        </div>
    </form>
</body>
</html>

Read Complete

9 May 2018

Insert Update Delete Using 3 tier Architecture In ASP.net


Insert Update Delete Using 3 tier Architecture In ASP.net

Add new project:-


Step 2 Add project:-

Step 3: Add Web Page:- 

Step:4

Aspx page code:-

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

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
      <table>
                <tr>
                    <td>Name:</td>
                    <td><asp:TextBox ID="Textname" runat="server"></asp:TextBox></td>
                </tr>

                <tr>
                    <td>Address:</td>
                    <td><asp:TextBox ID="Textaddress" runat="server"></asp:TextBox></td>
                </tr>

                <tr>
                    <td>Age:</td>
                    <td><asp:TextBox ID="Textage" runat="server"></asp:TextBox></td>
                </tr>

                <tr>
                    <td></td>
                    <td><asp:Button ID="btnsave" runat="server" Text="Save" OnClick="btnsave_Click" /></td>
                </tr>
          <tr>
                    <td></td>
                    <td><asp:TextBox ID="textsearch" runat="server"></asp:TextBox><asp:Button ID="btnsearch" Text="Search" runat="server" OnClick="btnsearch_Click"></asp:Button></td>
                </tr>
           <tr>
                    <td></td>
                    <td><asp:GridView ID="grd" runat="server" AutoGenerateColumns="false" OnRowCommand="grd_RowCommand">
                        <Columns>
                            <asp:TemplateField HeaderText="Emp name">
                                <ItemTemplate>
                                    <%#Eval("Name") %>
                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="Age">
                                <ItemTemplate>
                                    <%#Eval("Age") %>
                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="Address">
                                <ItemTemplate>
                                    <%#Eval("Address") %>
                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="Delete">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lnkbtndel" runat="server" CommandName="DEL" Text="Delete" CommandArgument='<%#Eval("Empid") %>'></asp:LinkButton>
                                </ItemTemplate>
                            </asp:TemplateField>

                            <asp:TemplateField HeaderText="Edit">
                                <ItemTemplate>
                                    <asp:LinkButton ID="lnkbtnedt" runat="server" CommandName="EDT" Text="Edit" CommandArgument='<%#Eval("Empid") %>'></asp:LinkButton>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                        </asp:GridView></td>
                </tr>

            </table>
    </div>
    </form>
</body>
</html>

Step:5 Add library file DAL And BAL.

DAL  code:-

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Data;
using System.Data.SqlClient;
using System.Configuration;

namespace DAL
{
    public class Data_Access_Layer
    {
        SqlConnection con = new SqlConnection(ConfigurationSettings.AppSettings["DBCS"]);
        SqlCommand cmd;
        DataSet ds;
        SqlDataAdapter da;
        public void Insert(string sp_name, SqlParameter[] parm)
        {
            try
            {
                con.Open();
                SqlCommand cmd = new SqlCommand(sp_name, con);
                cmd.CommandType = CommandType.StoredProcedure;
                for (int i = 0; i < parm.Length; i++)
                {
                    cmd.Parameters.Add(parm[i]);
                }
                cmd.ExecuteNonQuery();
                
            }
            catch (Exception EX)
            {

                throw EX;
            }
            finally
            {
                
                con.Close();
            }
        }

        public DataSet  GET(string sp_name)
        {
            try
            {
                con.Open();
                cmd = new SqlCommand(sp_name, con);
                da = new SqlDataAdapter(cmd);
                ds = new DataSet();
                da.Fill(ds);
            }
            catch (Exception EX)
            {

                throw EX;
            }
            finally {
                cmd.Dispose();
                da.Dispose();
                con.Close();
            }
            return ds;
        }
        public DataSet GETSET(string sp_name, SqlParameter[] parm)
        {
            try
            {
                cmd = new SqlCommand(sp_name, con);
                cmd.CommandType = CommandType.StoredProcedure;
                for (int i = 0; i < parm.Length; i++)
                {
                    cmd.Parameters.Add(parm[i]);
                }
                da = new SqlDataAdapter(cmd);
                ds = new DataSet();
                da.Fill(ds);
            }
            catch (Exception EX)
            {

                throw EX;
            }
            finally
            {
                cmd.Dispose();
                da.Dispose();
                con.Close();
            }
            return ds;
        }
    }

}

BAL code :-

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using DAL;
using System.Data;
using System.Data.SqlClient;

namespace BAL
{
    public class BAL_Employee
    {
        Data_Access_Layer _dal = new Data_Access_Layer();
        public int empid { get; set; }
        public string name { get; set; }
        public string address { get; set; }
        public int age { get; set; }

        DataSet ds;
        public void employee_insert()
        {
            SqlParameter [] arg ={
                          new SqlParameter("@Name",name),
                          new SqlParameter("@Address",address),
                          new SqlParameter("@Age",age),
                          };
            _dal.Insert("usp_employee_insert", arg);
        }
        public DataSet Employee_get()
        {
            ds = new DataSet();
            ds = _dal.GET("usp_employee_get");
            return ds;
        }
        public void Employee_delete()
        {
            SqlParameter[] param1 ={
                                   new  SqlParameter("@empid",empid)
                                   };
            _dal.Insert("usp_employee_delete", param1);
        }
        public DataSet Employee_Edit()
        {
            SqlParameter[] param1 ={
                                   new SqlParameter("@empid",empid)
                                   };
            ds = new DataSet();
            ds = _dal.GETSET("usp_employee_edit", param1);
            return ds;
        }
        public void Employee_Update()
        {
            SqlParameter[] param1 ={
                               new SqlParameter("@Empid",empid),
                               new SqlParameter("@Name",name),
                               new SqlParameter("@Address",address),
                               new SqlParameter("@Age",age),
                               };
            _dal.Insert("usp_employee_update", param1);
        }
        public DataSet Employee_serarch()
        {
            SqlParameter[] param1 = { 
                                    new SqlParameter("@search",name)
                                    };
            ds = new DataSet();
            ds = _dal.GETSET("usp_employee_search", param1);
            return ds;
        }
    }
}

Employee.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 BAL;
using System.Data;

namespace _3_tire_test
{
    public partial class Employee : System.Web.UI.Page
    {
        BAL_Employee _bal = new BAL_Employee();
        DataSet ds;
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                fill_grd();

            }
        }
        public void fill_grd()
        {
            ds = new DataSet();
            ds = _bal.Employee_get();
            if (ds.Tables[0].Rows.Count > 0)
            {
                grd.DataSource = ds;
                grd.DataBind();
            }
            else
            {
                grd.DataSource = null;
                grd.DataBind();
            }
        }
        protected void btnsave_Click(object sender, EventArgs e)
        {
            _bal.name = Textname.Text;
            _bal.age = int.Parse(Textage.Text);
            _bal.address = Textaddress.Text;
            if (btnsave.Text == "Save")
            {
                _bal.employee_insert();
            }
            else
            {
                _bal.empid = int.Parse(ViewState["EID"].ToString());
                _bal.Employee_Update();
            }
            fill_grd();
        }

        protected void grd_RowCommand(object sender, GridViewCommandEventArgs e)
        {
            int IDD = int.Parse(e.CommandArgument.ToString());
            _bal.empid = IDD;
            if (e.CommandName == "DEL")
            {
                _bal.Employee_delete();
                fill_grd();
            }
            else if(e.CommandName=="EDT")
            {
                ds = new DataSet();
                ds= _bal.Employee_Edit();
                if (ds.Tables[0].Rows.Count > 0)
                {
                    Textname.Text = ds.Tables[0].Rows[0]["name"].ToString();
                    Textaddress.Text = ds.Tables[0].Rows[0]["Address"].ToString();
                    Textage.Text = ds.Tables[0].Rows[0]["Age"].ToString();
                    btnsave.Text = "Update";
                    ViewState["EID"] = IDD;
                }
            }
        }

        protected void btnsearch_Click(object sender, EventArgs e)
        {
            _bal.name = textsearch.Text;
            ds = new DataSet();
            ds = _bal.Employee_serarch();
            if (ds.Tables[0].Rows.Count > 0)
            {
                grd.DataSource = ds;
                grd.DataBind();
            }
            else
            {
                grd.DataSource = null;
                grd.DataBind();
            }
        }
        
    }
}

Web.config page code:-

  <appSettings>
    <add key="DBCS" value="data source=Shiva;integrated security=true;initial catalog=db3tier9617"/>
  </appSettings>
Read Complete

Popular Posts

Popular Posts

Translate

Total Pageviews