Button in Gridview Show Other Details

Question

Hello, I have gridview .I have so many values to show in gridview so i want to display only 4-5 values in gridview other value to show in popup form on Details button click in asp.net. please help

Priyanka Jain · Answer

You can use gridview RowDataBound method to display data in pop up menu as below link suggest, https://www.c-sharpcorner.com/UploadFile/009464/how-to-show-data-of-gridview-on-pop-up-with-the-help-of-rowd/ or you can use another page to display in pop up using Jquery Modal as 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

Arun Kumar Tiwari · Answer

Hi Ankit, Please refer to this link, https://www.c-sharpcorner.com/UploadFile/009464/how-to-show-data-of-gridview-on-pop-up-with-the-help-of-rowd/

Dhara Patel · Answer

Hi, Refer bellow link: https://forums.asp.net/t/2097422.aspx?How+to+display+Popup+Dialog+on+Button+click+where+button+is+Grid+View+Column+in+ASP+NET

Jes Sie · Answer

You can use ajax modal popup extender. Check below code assuming you already have a click event: Mark-up ajaxToolkit:ModalPopupExtender ID = "ModalPopupExtender2" runat = "server" TargetControlID = "lbCreditCard" PopupControlID = "pnCardInfo" CancelControlID = "btnCancelCard" BackgroundCssClass = "modalBackground" > ajaxToolkit:ModalPopupExtender > asp:LinkButton ID = "lbCreditCard" runat = "server" > asp:LinkButton > asp:Panel ID = "pnCardInfo" runat = "server" CssClass = "modalPopup" Style = "display: none; width: 30%" > div class = "row marginModal" > div class = "col-md-4" > b > Credit Card Information: b > div > div class = "col-md-5" > asp:Label ID = "lblCardInfo" runat = "server" > asp:Label > div > div > div class = "row" > div class = "col-md-12 col-md-offset-10" > asp:Button ID = "btnCancelCard" runat = "server" Text = "OK" CssClass = "btn btn-primary" /> div > div > p > p > asp:Panel > code behind in calling the modal popup: protected void lbCreditCard_Click( object sender, EventArgs e) { GridViewRow row = (GridViewRow)((LinkButton)sender).NamingContainer; LinkButton cc = row.FindControl( "lbReceipt" ) as LinkButton; string cardInfo = cc.Text; srh = ReportDataAccess.CreditCardDetails(cardInfo); lblCardInfo.Text = srh.cardInformation.ToString(); ModalPopupExtender2.Show(); } Style: style > .modalBackground { background-color: black; filter: alpha( opacity = 40 ); opacity: 0.4; } .modalPopup { background-color: #FFFFFF; width: 300px; } .marginModal { padding-top: 20px; padding-left: 20px; } style >

Mageshwaran R · Answer

Hi Ankit: please refer this link: https://www.c-sharpcorner.com/forums/click-gridview-link-buttonview-and-show-all-details