Hi venkatsan,
Here i have created sample using your code. Refer the below code.
HTML
Default.aspx
<div>
<asp:GridView ID="gvOverAll" runat="server" AutoGenerateColumns="false" CellPadding="4"
GridLines="Both" ShowFooter="true" Font-Size="16px" EnableTheming="False">
<Columns>
<asp:TemplateField HeaderText="Employee ID">
<ItemTemplate>
<asp:HyperLink ID="lnkViewEmpId" Visible="true" Font-Underline="true" ForeColor="Blue"
Text='<%# DataBinder.Eval(Container.DataItem, "empid") %>' NavigateUrl="javascript:;"
onclick='openPopup("<%# Eval("acnt")%>","<%# Eval("Totat_Budget")%>")' runat="server" />
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<HeaderStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</asp:TemplateField>
<asp:TemplateField HeaderText="Department">
<ItemTemplate>
<asp:HyperLink ID="lnkViewDept" Visible="true" Font-Underline="true" ForeColor="Blue"
Text='<%# DataBinder.Eval(Container.DataItem, "dept") %>' NavigateUrl="javascript:;"
onclick='openPopup("<%# Eval("dept")%>","<%# Eval("Totat_Budget")%>")' runat="server" />
</ItemTemplate>
<ItemStyle HorizontalAlign="Right" />
<HeaderStyle HorizontalAlign="Right" />
<FooterStyle HorizontalAlign="Right" />
</asp:TemplateField>
</Columns>
<EditRowStyle BackColor="#999999" />
<FooterStyle BackColor="#006699" Font-Size="14px" ForeColor="White" />
<HeaderStyle CssClass="th_blue" HorizontalAlign="left" Font-Overline="True" />
<PagerSettings Mode="NumericFirstLast" />
<PagerStyle BackColor="#284775" Font-Size="X-Large" Font-Underline="True" ForeColor="White"
HorizontalAlign="Center" />
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" BorderColor="#FF6600"
BorderStyle="None" BorderWidth="10px" />
<SortedAscendingCellStyle BackColor="#E9E7E2" />
<SortedAscendingHeaderStyle BackColor="#506C8C" />
<SortedDescendingCellStyle BackColor="#FFFDF8" />
<SortedDescendingHeaderStyle BackColor="#6F8DAE" />
</asp:GridView>
</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 () {
$("[id*=lnkView]").click(function () {
var emloyeeId = $(this).closest("tr").find("td")[0].innerText;
var departmernt = $(this).closest("tr").find("td")[1].innerText;
window.open("Popup.aspx?empid=" + emloyeeId + "&dept=" + departmernt, "Popup", "width=350,height=100");
});
});
</script>
popup.aspx
<div>
<u>Details</u>
<br />
<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 employeeId = window.location.href.split("?")[1].split('&')[0].split('=')[1];
var department = window.location.href.split("?")[1].split('&')[1].split('=')[1];
$("#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[]
{
new DataColumn("empid", typeof(int)),
new DataColumn("dept", typeof(string)),
new DataColumn("Totat_Budget",typeof(string)),
new DataColumn("acnt",typeof(string))
});
dt.Rows.Add(1, "IT", 1000, "acnt1");
dt.Rows.Add(2, "Production", 2000, "acnt2");
dt.Rows.Add(3, "Account", 3000, "acnt3");
dt.Rows.Add(4, "HR", 4000, "acnt4");
gvOverAll.DataSource = dt;
gvOverAll.DataBind();
}
}
Screenshot