Button in Gridview Show Other Details

ankit gaur

7y1.3k.NET

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

5 Replies

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

Arun Kumar Tiwari6y ago
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/
0
Dhara Patel6y ago
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
0
Jes Sie6y ago
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>
0
Mageshwaran R6y ago
Hi Ankit:
please refer this link:
https://www.c-sharpcorner.com/forums/click-gridview-link-buttonview-and-show-all-details
0
Priyanka Jain7y ago
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
+1