pop up and grid view on one button

Question

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

pop up

<script type="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

<input type="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?

Vinay Singh · Answer

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

Bikesh Srivastava · Answer

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

scropio gurl · Answer

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 Srivastava · Answer

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 nullIf 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. script type = text/javascript > $(function(){ if(window.opener!=null&&!window.opener.closed){ var rowIndex = window .location.href.split(?)[1].split(=)[1]; var parent =$(window.opener.document).contents(); var row = 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 gurl · Answer

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 Srivastava · Answer

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:GridView ID = GridView1 runat = server AutoGenerateColumns = false > Columns > asp:BoundField DataField = Id HeaderText = Id ItemStyle-Width = 30 /> asp:BoundField DataField = Name HeaderText = Name ItemStyle-Width = 150 /> asp:BoundField DataField = Description HeaderText = Description ItemStyle-Width = 150 /> asp:TemplateField > ItemTemplate > asp:HyperLink ID = 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 (){ var rowIndex=$( this ).closest( tr )[0].rowIndex; window.open( Popup.aspx?rowIndex= +rowIndex Popup  width=350height=100 ); }); }); Create popup.aspx div > u > Details u > br /> br /> b > Id: b > span id = id > span > br /> b > Name: b > span id = name > span > br /> b > Description: b > span id = description > span > div > its working fine.