在第二个面板中打开第二个 modalpopup 之前，第一个面板中的第一个 modalpopup 不会打开答案

【问题标题】：First modalpopup in first panel does not open until second modalpopup opens in second panel在第二个面板中打开第二个 modalpopup 之前，第一个面板中的第一个 modalpopup 不会打开
【发布时间】：2013-01-05 05:36:51
【问题描述】：

我有一个带有两个面板的更新面板。每个面板都有两个按钮来打开弹出窗口。我有两个 modalpopup 及其在两个面板下方的目标面板。一切正常，但是我遇到了问题，如果我单击第一个面板中的按钮，则 modalpopup 不会打开，但是当我在单击按钮后单击第二个面板中的按钮时第一个面板然后弹出窗口打开，反之亦然。我使用了以下代码：

<asp:UpdatePanel ID="up1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
    <asp:Panel ID="pnl1" runat="server">
        <asp:Button ID="btn1" runat="server" class="add-btn-1" Text="Add" />
    </asp:Panel>
    <asp:Panel ID="pnl2" runat="server">
        <asp:Button ID="btn2" runat="server" class="add-btn-1" Text="Add" />
    </asp:Panel>
    <cc1:ModalPopupExtender ID="ModalPopup1" PopupControlID="pnlpopup1" TargetControlID="btn1"
        BackgroundCssClass="modalBackground" runat="server" />
    <asp:Panel runat="server" ID="pnlpopup1">
    <%--code here--%>
    </asp:Panel>
    <cc1:ModalPopupExtender ID="ModalPopup2" PopupControlID="pnlpopup2" TargetControlID="btn2"
        BackgroundCssClass="modalBackground" runat="server" />
    <asp:Panel runat="server" ID="pnlpopup2">
    <%--code here--%>
    </asp:Panel>
</ContentTemplate>

有什么办法可以解决这个问题？

谢谢。

【问题讨论】：

标签： c# asp.net ajax

【解决方案1】：

我执行了你的代码，没有发现任何问题。它可以工作。所以把你给出的代码贴在里面。我还建议你添加一个OkControlID 到您的 ModalPopupExtender。

【讨论】：

代码运行完美，但模态弹出窗口在第二次单击按钮时打开，而不是在第一次单击按钮时打开

【解决方案2】：

<asp:UpdatePanel ID="up1" runat="server" UpdateMode="Conditional">
    <ContentTemplate>
        <asp:Panel ID="pnl1" runat="server">
            <asp:Button ID="btn1" runat="server" class="add-btn-1" Text="Add" />
        </asp:Panel>
        <asp:Panel ID="pnl2" runat="server">
            <asp:Button ID="btn2" runat="server" class="add-btn-1" Text="Add" />
        </asp:Panel>
        <Ajax:ModalPopupExtender ID="ModalPopup1" PopupControlID="pnlpopup1" TargetControlID="btn1"
            BackgroundCssClass="modalBackground" runat="server" />
        <asp:Panel runat="server" ID="pnlpopup1" Style="width:400px;height:100px; background: gray;">
            <table width="100%">
                <tr>
                    <td align="left">
                        <asp:Label ID="lblheadinglunchout" Font-Underline="true" Text="First Popup"
                            runat="server" CssClass="labelPopup" Style="text-decoration: none"></asp:Label>
                    </td>
                    <td align="right">
                        <asp:ImageButton  ID="imgbtnCancelPopUp" ImageUrl="Images/popupclose_button.png"
                            runat="server" Style="vertical-align: top;" CssClass="button" />
                    </td>
                </tr>
            </table>
        </asp:Panel>
        <Ajax:ModalPopupExtender ID="ModalPopup2" PopupControlID="pnlpopup2" TargetControlID="btn2"
            BackgroundCssClass="modalBackground" runat="server" />
        <asp:Panel runat="server" ID="pnlpopup2" Style="width:400px;height:100px; background: gray;">
           <table width="100%">
                <tr>
                    <td align="left">
                        <asp:Label ID="Label1" Font-Underline="true" Text="Secound Popup"
                            runat="server" CssClass="labelPopup" Style="text-decoration: none"></asp:Label>
                    </td>
                    <td align="right">
                        <asp:ImageButton  ID="ImageButton1" ImageUrl="Images/popupclose_button.png"
                            runat="server" Style="vertical-align: top;" CssClass="button" />
                    </td>
                </tr>
            </table>
        </asp:Panel>
    </ContentTemplate>
</asp:UpdatePanel>

【讨论】：