How to display GridView from behind an Ajax ModalPopupExtender

Question

How to display GridView from behind an Ajax ModalPopupExtender

Corey Fleig 60

Not sure how to ask this:

I use a gridView inside an AjaxControlkit modalpopupextender. When a row is clicked, I close the popup by calling Hide(), and then execute a method to load data into a different GridView that was behind the popup on the parent page.

But nothing is being displayed. My method loads DataBind(), and visible is true, so I'm not sure what's going on.

Any ideas?

SurferOnWww 4,231 Reputation points

2025-04-10T06:57:40.1933333+00:00

But nothing is being displayed. My method loads DataBind(), and visible is true, so I'm not sure what's going on.

Please show your code to reproduce the situation mentioned above.
Corey Fleig 60 Reputation points

2025-04-10T16:57:55.12+00:00

Thanks for responding SurferOnWww. I included some code below on Pradeep's thread...
SurferOnWww 4,231 Reputation points

2025-04-11T03:50:48.0366667+00:00

Your code is insufficient to reproduce the situation mentioned above.

1 answer

Your answer

SurferOnWww 4,231 Reputation points

2025-04-10T06:57:40.1933333+00:00

But nothing is being displayed. My method loads DataBind(), and visible is true, so I'm not sure what's going on.

Please show your code to reproduce the situation mentioned above.
Corey Fleig 60 Reputation points

2025-04-10T16:57:55.12+00:00

Thanks for responding SurferOnWww. I included some code below on Pradeep's thread...
SurferOnWww 4,231 Reputation points

2025-04-11T03:50:48.0366667+00:00

Your code is insufficient to reproduce the situation mentioned above.

Answer 1

Pradeep M 7,785 Microsoft External Staff

Hi Corey Fleig,

To ensure the GridView displays correctly after closing the ModalPopupExtender, please make sure that the GridView is rebound and made visible during the same server-side postback that hides the modal. Avoid placing the data-binding logic inside a Not Page.IsPostBack block, as this can prevent it from executing during postbacks.

Additionally, confirm that both the modal and the GridView are placed within the same

asp:UpdatePanel (or within properly coordinated update panels) to ensure that AJAX partial updates function as expected.

If you're using client-side JavaScript (mpe.hide()) to close the modal, be sure that a postback is triggered afterward so the GridView can refresh appropriately.

If the issue continues, we recommend sharing more detailed information along with your relevant code snippets. This will help us better understand your implementation and provide a more accurate and effective solution.

If you have found the answer provided to be helpful, please click on the "Accept answer/Upvote" button so that it is useful for other members in the Microsoft Q&A community.

Corey Fleig 60

Thanks for your input. I think I might have some code out of order. Below is an outline of what's going on, and some of my code:

Main Page provides a button to bring up a modal popup
The popup shows a gridview "lkupGridView"
A button is used to fill "lkupGridView" a. IsPostBack doesn't run any instructions b. Method PopupLookup_Click is executed
User chooses a row and clicks it a. IsPostBack doesn't run any instructions b. Method lkupGridView_RowCommand is executed c. The modal popup is closed d This is where I wanted to show data in the main page gridview "mygridView"

        <act:ModalPopupExtender ID="mpe" runat="server" TargetControlId="ClientButton" BackgroundCssClass="modalBackground" 
            PopupControlID="ModalPanel" OkControlID="OKButton" PopupDragHandleControlID="ModalPanel" Drag="true"> 
        </act:ModalPopupExtender>


        //////


        <asp:Panel ID="ModalPanel" runat="server" CssClass="MainBox" style="display:none;">
            <asp:UpdatePanel ID="mypanel" runat="server">
                <ContentTemplate>

                    // Build a table here...

                    <asp:LinkButton runat="server" OnClick="PopupLookup_Click" CssClass="btn btn-custom w-110" style="margin: 0 6px"
                        Text="<i class='fal fa-search'></i>&nbsp;&nbsp;View List" />

                   <asp:GridView ID="lkupGridView" runat="server" AutoGenerateColumns="False" EmptyDataText="No data available."
                       allowpaging="True" CssClass="table table-bordered mylkuptable-striped table-condensed"  ShowHeaderWhenEmpty="true"
                       PageSize="40" OnPreRender="lkupGridView_Render" Font-Size="Small" OnPageIndexChanging="lkupGridView_PageIndexChanging"  
                       RowStyle-CssClass="myRows" OnRowDataBound="lkupGridView_RowDataBound" OnRowCommand="lkupGridView_RowCommand">
                       <Columns>
                           <asp:TemplateField HeaderText="File No" ItemStyle-Width="2%" Visible="false">
                               <ItemTemplate>
                                   <asp:Label ID="FileNo_ID" runat="server" Text='<%# Eval("FileNo") %>'></asp:Label>
                               </ItemTemplate>
                           </asp:TemplateField>
                           <asp:BoundField DataField="TodaysDate" HeaderText="Date" ItemStyle-Width="3%" ItemStyle-CssClass="ThePadding"></asp:BoundField>
                           <asp:BoundField DataField="Processed" HeaderText="Processed" ItemStyle-Width="3%" ItemStyle-CssClass="ThePadding"></asp:BoundField>
                       </Columns>
                    </asp:GridView>
                </ContentTemplate>
            </asp:UpdatePanel>
        </asp:Panel>


        // -----------------------------------------------------------------------------------------------------------------------------------------
        // 2 methods here
        // -----------------------------------------------------------------------------------------------------------------------------------------

        protected void PopupLookup_Click(Object sender, EventArgs e)
        {
            // Fill a DataTable... then
            myDataAdapter.Fill(lkupTable);

            lkupGridView.DataSource = lkupTable;
            lkupGridView.DataBind();
        }


        protected void lkupGridView_RowCommand(object sender, GridViewCommandEventArgs e)
        {
            mpe.Hide();
            // get some data and run a stored proc
            Load_myGridView(Convert.ToInt32(wFileNo), txt_Category.Text);
        }

Share via

How to display GridView from behind an Ajax ModalPopupExtender

1 answer

Your answer