0

我有一个带有两个面板的更新面板。每个面板都有两个按钮来打开弹出窗口。我有两个 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>

解决这个问题的解决方案是什么？

谢谢你。

4

2 回答 2

0

我执行了你的代码，没有发现任何问题。它可以工作。所以把你在<%--code here--%>中给出的代码贴出来。我还建议你在你的 ModalPopupExtender中添加一个OkControlID 。

于 2013-01-05T07:01:09.017 回答
0 
<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>
于 2013-01-05T07:36:43.530 回答