0

2 つのパネルを持つ 1 つの updatepanel が存在します。各パネルには、ポップアップを開くための 2 つのボタンがあります。2 つのパネルのすぐ下に 2 つの 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 に答える