How to open pop-up window in my gridview column

Question

hi frnds How to open popup window on click on gridview cell i want to open popup windows click on gridview column where i will display my history for perticular records ''main''scrollbars=yesfullscreen=no')> ' Visible=false> ' /> Edit &ModuleID= '> --%> ' CommandName=delete ImageUrl=~/Auth/AdminPanel/images/cross.png Text=Delete ToolTip=Delete /> --%>

Amit Kumar · Answer

Yes Anjali I think you want to show the data from database in popup on click the particular cell or coulmn. You can do it in type.. First: You can bind the data in hidden field of that column in gridview(dynamically on loading time). After click the column find the particular hidden fileld data of that cell and bind it in your div using jquery.Define the coulmn in div according to your requirement. Second : Click the column send the ajax request and bind the data using ajax it is very simple. So define the field which you wan to displayed which you want to bind the Details Id: Name: Description: After declare this div you can simply bind the data usingn JQUERY like. find the row index of thatclumn which one have to click $(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()); } }); Third : protected void GridView1_RowCommand(object sender GridViewCommandEventArgs e) { if (e.CommandName== wirte you command name which you set) { int Index =Convert.ToInt32(e.CommandArgument.ToString()); GridViewRow row = GridView1.Rows[Index]; string name = (row.FindControl(Label1) as Label).Text; string education = (row.FindControl(Label2) as Label).Text; string location= (row.FindControl(Label3) as Label).Text; ClientScript.RegisterStartupScript(this.GetType() alert alert('Name: + name + \nEducation: + education +\nLocation:+location+ '); true); } } After that you stuck anywhere follow the below it will definitely solve your problem. Follow the below link https://www.aspsnippets.com/Articles/Display-GridView-Row-details-in-New-Popup-Window-on-HyperLink-click-using-JavaScript-and-jQuery-in-ASPNet.aspx http://www.aspforums.net/Threads/893022/Display-GridView-row-details-in-Bootstrap-modal-popup-on-LinkButton-click-using-C-and-VBNet-in-ASPNet/

Anjali Khan · Answer

Hi Amit i want to display popup on this column.this column bind from to data base here want to display popup how to do this

Amit Kumar · Answer

Hi For look like. class=btInGrid value=' ' onclick='javascript:window.open(http://localhost:2201/gridview/employeedetails.aspx?empid=   Stone Detailsheight=200width=500status=yesresizable=notoolbar=no menubar=nolocation=centerscrollbars=noresizable=no)' /> CSS: .btInGrid { font:Arial 12px; font-weight:normal; color:#000; padding:2px 5px; background-color:#F6C60F; border:solid 1px #F69E14; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; width: 150px; cursor: pointer; display:block; } And for more details follow: http://www.encodedna.com/2012/12/open-new-window-gridview.htm https://www.aspsnippets.com/Articles/Display-GridView-Row-details-in-New-Popup-Window-on-HyperLink-click-using-JavaScript-and-jQuery-in-ASPNet.aspx

Warlockk · Answer

age.ClientScript.RegisterClientScriptBlock(this.GetType() openpopup  window.open('Test.aspx''test''height=200px;width=300px');); replace I don't think this will help you.. but try.... otherwise you may try edit item template and add button to this in onclientclick=window.open('Test.aspx''test''height=200px;width=300px');

issacpal · Answer

Please refer this link: https://www.aspsnippets.com/Articles/Display-GridView-Row-details-in-New-Popup-Window-on-HyperLink-click-using-JavaScript-and-jQuery-in-ASPNet.aspx

Rajesh Sahoo · Answer

Hi Anjali Check these links:- https://www.codeproject.com/Articles/14754/Popup-window-for-the-GridView https://forums.asp.net/t/1187813.aspx?Open+Popup+window+from+Gridview+Select+column https://www.aspsnippets.com/Articles/Display-GridView-Row-details-in-New-Popup-Window-on-HyperLink-click-using-JavaScript-and-jQuery-in-ASPNet.aspx Mark as answer if you found this helpfull. Thank You.