Hi akhter,
Check this example. Now please take its reference and correct your code.
HTML
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script type="text/javascript">
$(function () {
$(".js-example-placeholder-single").select2({
placeholder: "Select",
allowClear: true
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table class="auto-style1">
<tr>
<td class="auto-style4">
<h2> </h2>
</td>
<td colspan="2">
<h2 class="auto-style7"><strong><span class="auto-style5">Employee Master File</span></strong></h2>
<h2> </h2>
</td>
<td>
<h2><strong></strong></h2>
</td>
</tr>
<tr>
<td class="auto-style4"> </td>
<td class="auto-style3"> </td>
<td class="auto-style6"> </td>
<td> </td>
</tr>
<tr>
<td class="auto-style4"> </td>
<td class="auto-style3">
<asp:Label ID="lblastid" runat="server" Text="."></asp:Label>
</td>
<td class="auto-style6"></td>
<td> </td>
</tr>
<tr>
<td class="auto-style4"> </td>
<td class="auto-style3"> </td>
<td class="auto-style6"> </td>
<td> </td>
</tr>
<tr>
<td class="auto-style2"> Name : </td>
<td class="auto-style3">
<asp:TextBox ID="txtname" runat="server"></asp:TextBox>
</td>
<td class="auto-style6">Designation :</td>
<td>
<asp:DropDownList ID="ddldesignation" runat="server" CssClass="form-control js-example-placeholder-single" Height="16px" ToolTip="Select Category ">
</asp:DropDownList>
</td>
</tr>
<tr>
<td class="auto-style4"> </td>
<td class="auto-style3"> </td>
<td class="auto-style6"> </td>
<td> </td>
</tr>
<tr>
<td class="auto-style2">Salary:</td>
<td class="auto-style3">
<asp:TextBox ID="txtsalary" runat="server"></asp:TextBox>
</td>
<td class="auto-style6">Date Of Joining :</td>
<td>
<asp:TextBox ID="txtdoj" TextMode="Date" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="auto-style4"> </td>
<td class="auto-style3"> </td>
<td class="auto-style6"> </td>
<td> </td>
</tr>
<tr>
<td class="auto-style2">Date of Leaving :</td>
<td class="auto-style3">
<asp:TextBox ID="txtdol" TextMode="Date" runat="server"></asp:TextBox>
</td>
<td class="auto-style6">Deduction :</td>
<td>
<asp:TextBox ID="txtdeduction" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="auto-style4"> </td>
<td class="auto-style3"> </td>
<td class="auto-style6"> </td>
<td>
<asp:Label ID="lblIP" runat="server" Text="."></asp:Label>
</td>
</tr>
<%--<tr>
<td class="auto-style4"> </td>
<td class="auto-style3">
<asp:Button ID="btn_New" runat="server" Text="New" Height="26px" OnClick="btn_New_Click" Width="84px" />
<asp:Button ID="btn_sv" runat="server" Width="84px" Height="26px" Text="Save" OnClick="btn_sv_Click" />
<asp:Button ID="btn_Update" runat="server" Width="84px" Height="26px" Text="Update" OnClick="btn_Update_Click" />
<asp:Button ID="btn_cancel" runat="server" Width="84px" Height="26px" Text="Cancel" OnClick="btn_cancel_Click" />
</td>
<td class="auto-style6"> </td>
<td> </td>
</tr>--%>
<tr>
<td class="auto-style4"> </td>
<td colspan="2">
<asp:GridView ID="gvv" runat="server" AutoGenerateSelectButton="true" AutoGenerateColumns="true"
OnSelectedIndexChanged="gvv_SelectedIndexChanged" BackColor="White" BorderColor="#3366CC"
BorderStyle="None" BorderWidth="1px" CellPadding="4">
</asp:GridView>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Namespaces
C#
using System.Data;
VB.Net
Imports System.Data
Code
C#
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[] {
new DataColumn("Id"), new DataColumn("Name"), new DataColumn("Salary"),
new DataColumn("Designation"), new DataColumn("DOJ",typeof(DateTime)), new DataColumn("Deduction") });
dt.Rows.Add(30005, "Noor", "10000", "officer", "08/20/2020 12:00:00 AM", "5000");
dt.Rows.Add(30006, "Noor", "10000", "Executive", "08/21/2020 12:00:00 AM", "0");
dt.Rows.Add(30007, "Irfan", "10000", "Executive", "08/21/2020 12:00:00 AM", "0");
gvv.DataSource = dt;
gvv.DataBind();
}
}
protected void gvv_SelectedIndexChanged(object sender, EventArgs e)
{
lblastid.Text = gvv.SelectedRow.Cells[1].Text;
txtname.Text = gvv.SelectedRow.Cells[2].Text;
txtsalary.Text = gvv.SelectedRow.Cells[3].Text;
txtdoj.Text = Convert.ToDateTime(gvv.SelectedRow.Cells[5].Text).ToString("yyyy-MM-dd");
string des = gvv.SelectedRow.Cells[4].Text.Trim().Replace(" ", "");
txtdeduction.Text = gvv.SelectedRow.Cells[6].Text.Trim().Replace(" ", "");
ddldesignation.ClearSelection();
if (ddldesignation.Items.FindByText(des) != null)
{
ddldesignation.Items.FindByText(des).Selected = true;
}
}
VB.Net
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load
If Not IsPostBack Then
Dim dt As DataTable = New DataTable()
dt.Columns.AddRange(New DataColumn() {
New DataColumn("Id"), New DataColumn("Name"), New DataColumn("Salary"),
New DataColumn("Designation"), New DataColumn("DOJ", GetType(DateTime)), New DataColumn("Deduction")})
dt.Rows.Add(30005, "Noor", "10000", "officer", "08/20/2020 12:00:00 AM", "5000")
dt.Rows.Add(30006, "Noor", "10000", "Executive", "08/21/2020 12:00:00 AM", "0")
dt.Rows.Add(30007, "Irfan", "10000", "Executive", "08/21/2020 12:00:00 AM", "0")
gvv.DataSource = dt
gvv.DataBind()
End If
End Sub
Protected Sub gvv_SelectedIndexChanged(ByVal sender As Object, ByVal e As EventArgs)
lblastid.Text = gvv.SelectedRow.Cells(1).Text
txtname.Text = gvv.SelectedRow.Cells(2).Text
txtsalary.Text = gvv.SelectedRow.Cells(3).Text
txtdoj.Text = Convert.ToDateTime(gvv.SelectedRow.Cells(5).Text).ToString("yyyy-MM-dd")
Dim des As String = gvv.SelectedRow.Cells(4).Text.Trim().Replace(" ", "")
txtdeduction.Text = gvv.SelectedRow.Cells(6).Text.Trim().Replace(" ", "")
ddldesignation.ClearSelection()
If ddldesignation.Items.FindByText(des) IsNot Nothing Then
ddldesignation.Items.FindByText(des).Selected = True
End If
End Sub
