第一個面板中的第一個模式彈出不會打開，直到第二個面板中的第二個模式彈出打開爲止

我有一個存在兩個面板的更新面板。每個面板都有兩個按鈕來打開彈出窗口。我有兩個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

第一個面板中的第一個模式彈出不會打開，直到第二個面板中的第二個模式彈出打開爲止

回答

相關問題