第一个面板中的第一个模式弹出不会打开，直到第二个面板中的第二个模式弹出打开为止

我有一个存在两个面板的更新面板。每个面板都有两个按钮来打开弹出窗口。我有两个modalpopup &它的目标面板正下方的两个panels.Everything工作正常，但我遇到问题，如果我点击第一个面板中的按钮，然后modalpopup不会打开，但当我点击按钮后第二个面板中点击按钮然后弹出第一个面板& viceversa。我用下面的代码：第一个面板中的第一个模式弹出不会打开，直到第二个面板中的第二个模式弹出打开为止

<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>

会有什么解决方案来解决这个问题呢？

谢谢。

来源

2013-01-05 Ishita

请发布您的代码 – Prashant16

我执行你的代码，并没有发现problems.It works.So张贴你里面<％给予代码 - ％>。我会还建议你添加一个OkControlID到 - 代码在这里你的ModalPopupExtender。

来源

2013-01-05 07:01:09 Srinivas

代码完美工作，但modalpopup打开第二次点击按钮不在第一次点击按钮 – Ishita

<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-05 07:36:43

第一个面板中的第一个模式弹出不会打开，直到第二个面板中的第二个模式弹出打开为止

回答

相关问题