pop up and grid view on one button

scropio gurl

10y1.9k.NET

I try to call gridview and pop up on one button click

pop up

"text/javascript">
$(function () {
$("#divcontainer").dialog({
modal: true,
autoOpen: false,
title: "Chart",
width: 600,
height: 450
});
$("#search_data").click(function () {
$("#divcontainer").dialog('open');
});
});
lt;/script>

button

"button" ID="search_data" runat="server" class="sear_btn" value="Search Data" onserverclick="search_data_Click" />

now when i remove this OnServerClick="search_data_Click" from button then pop up display and grid view not display and when i add this then pop up not appear grid view display

whereas i want both on one button any solution?

6 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vinay Singh10y ago
Try the below link
http://www.aspsnippets.com/Articles/Display-Show-GridView-inside-jQuery-Dialog-Modal-Popup-Window-in-ASPNet-using-C-and-VBNet.aspx
output demo
scropio gurl10y ago
no i dont want to open gridview using pop up .. pop up is different and gridview is different .. but i have to open gridview on page .. but must open at same time
Bikesh Srivastava10y ago
You can follow this link to resolve your problem.
http://www.aspsnippets.com/Articles/Display-Show-GridView-inside-jQuery-Dialog-Modal-Popup-Window-in-ASPNet-using-C-and-VBNet.aspx
Bikesh Srivastava10y ago
ok it means you want display data in grid using poppup ,its very simple if you are able to open popup .it means your grid and data not populated properly .reason is:-
1:-data is coming null,If data is null in case grid view will not display in asp.net.
2:-Your design is incorrect .
solution:- only you should change javascript function and popup page design will have to change.
to get data from DOM and bind in poppup page.
change your pop page design as grid in html form.
<scripttype="text/javascript">
$(function(){
if(window.opener!=null&&!window.opener.closed){
varrowIndex=window.location.href.split("?")[1].split("=")[1];
varparent=$(window.opener.document).contents();
varrow=parent.find("[id*=GridView1]").find("tr").eq(rowIndex);
$("#id").html(row.find("td").eq(0).html());
$("#name").html(row.find("td").eq(1).html());
$("#description").html(row.find("td").eq(2).html());
}
});
script>
scropio gurl10y ago
no i dont want to open pop up in gridview i want to display gridview and open pop up both at the same time check this in this i successfully open pop up but grdiview not display on page
Bikesh Srivastava10y ago
Hi Gurl,
If you want open popup on button click inside gridview.
It may be resolve your problem.
Create a gridview in your aspx page.
<asp:GridViewID="GridView1"runat="server"AutoGenerateColumns="false">
<Columns>
<asp:BoundFieldDataField="Id"HeaderText="Id"ItemStyle-Width="30"/>
<asp:BoundFieldDataField="Name"HeaderText="Name"ItemStyle-Width="150"/>
<asp:BoundFieldDataField="Description"HeaderText="Description"
ItemStyle-Width="150"/>
<asp:TemplateField>
<ItemTemplate>
<asp:HyperLinkID="lnkView"Text="View"NavigateUrl="javascript:;"runat="server"/>
ItemTemplate>
asp:TemplateField>
Columns>
asp:GridView>
Use script to open popup custom popup page.
"text/javascript">
$(function(){
$("[id*=lnkView]").click(function(){
varrowIndex=$(this).closest("tr")[0].rowIndex;
window.open("Popup.aspx?rowIndex="+rowIndex,"Popup","width=350,height=100");
});
});
Create popup.aspx
<div>
Detailsu>
 
 
Id:b><spanid="id">span>
 
Name:b><spanid="name">span>
 
Description:b><spanid="description">span>
div>
its working fine.