Hi venkatsan,
I have created sample. Refer the below code.
HTML
Default.aspx
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
<Columns>
<asp:BoundField DataField="Id" HeaderText="Id" />
<asp:BoundField DataField="EmployeeID" HeaderText="EmployeeID" />
<asp:BoundField DataField="Department" HeaderText="Department" />
<asp:TemplateField>
<ItemTemplate>
<asp:HyperLink ID="lnkView" Text="View" NavigateUrl="javascript:;" runat="server" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
$("[id*=lnkView]").click(function () {
var id = $(this).closest("tr").find("td")[0].innerHTML;
var emloyeeId = $(this).closest("tr").find("td")[1].innerHTML;
var departmernt = $(this).closest("tr").find("td")[2].innerHTML;
window.open("Popup.aspx?id=" + id + "&employeeId=" + emloyeeId + "&departmernt=" + departmernt, "Popup", "width=350,height=100");
});
});
</script>
Popup.aspx
<div>
<u>Details</u>
<br />
<br />
<b>Id:</b> <span id="id"></span>
<br />
<b>Employee Id:</b> <span id="employeeid"></span>
<br />
<b>Department:</b> <span id="department"></span>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript">
$(function () {
if (window.opener != null && !window.opener.closed) {
var id = window.location.href.split("?")[1].split("&")[0].split("=")[1];
var employeeId = window.location.href.split("?")[1].split("&")[1].split("=")[1];
var department = window.location.href.split("?")[1].split("&")[2].split("=")[1];
$("#id").html(id);
$("#employeeid").html(employeeId);
$("#department").html(department);
}
});
</script>
Code
Default.aspx.cs
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
DataTable dt = new DataTable();
dt.Columns.AddRange(new DataColumn[3] { new DataColumn("Id", typeof(int)),
new DataColumn("EmployeeID", typeof(string)),
new DataColumn("Department",typeof(string)) });
dt.Rows.Add(1, "Genesys001", "IT");
dt.Rows.Add(2, "Genesys005", "Production");
dt.Rows.Add(3, "Genesys003", "Account");
dt.Rows.Add(4, "Genesys010", "HR");
GridView1.DataSource = dt;
GridView1.DataBind();
}
}
Screenshot