在單個頁面中添加兩個ajax模式彈出窗口

我遇到了一個問題，我在一個頁面中添加了兩個ajax模塊彈出窗口。這兩個模式彈出每個做不同的事情。一個是創建，一個是更新。當兩個模式彈出時，我的更新按鈕不能點擊並執行更新代碼。當我刪除我的創建模式彈出窗口，我的更新工作？任何人都可以告訴我如何使兩個彈出窗口存在於同一頁面中？在單個頁面中添加兩個ajax模式彈出窗口

<!--Modal Popup: Create Topic--> 
     <cc1:modalpopupextender ID="ModalPopupExtender1" runat="server" 
     TargetControlID="btnShowPopup" PopupControlID="pnlCreatePopup" 
     CancelControlID="btnCancel" BackgroundCssClass="modalBackground"> 
     </cc1:modalpopupextender> 

     <asp:Panel ID="pnlCreatePopup" runat="server" CssClass="createModalPopup"> 


<!--Modal Popup: Update Topic--> 
    <asp:Button ID="bnUpdateShow" runat="server" style="display:none;" /> 

     <cc1:ModalPopupExtender ID="ModalPopupExtender2" runat="server" TargetControlID="bnUpdateShow" PopupControlID="pnlpopup" CancelControlID="btnUpdateCancel" BackgroundCssClass="modalBackground"> 
     </cc1:ModalPopupExtender> 

    <asp:Panel ID="pnlpopup" runat="server" CssClass="topicModalPopup">

來源

2012-02-13 lixi

我不認爲你可以。這就像有兩個文本框同時關注焦點。 – 2012-02-13 04:52:32

我已經使用jquery工具覆蓋 - http://flowplayer.org/tools/overlay/index.html將兩個模式彈出窗口放在一個頁面上。當然，你不能同時顯示兩個模態，因爲「模態」的定義包括一次只能有一個的規定。我的2個彈出窗口在不同的時間顯示在同一頁面上。 – 2012-02-13 05:31:10

在不同的時間彈出。但仍不能 – lixi 2012-02-13 05:32:08

我解決了這個隱藏在配置爲visible = false的面板內彈出的ajax。我在codeBehind中激活彈出窗口。這裏是一些代碼：

<asp:LinkButton runat="server" ID="lbCredits1" Font-Underline="true" 
     CausesValidation="false" OnClick="btMpeCredits_Click">Credits</asp:LinkButton> 
     &nbsp;|&nbsp; 
     <asp:LinkButton runat="server" ID="lbPrivacy2" Font-Underline="true" 
     CausesValidation="false" OnClick="btMpePrivacy_Click">Privacy</asp:LinkButton> 

<%--AjaxPopUpExtenderArea--%> 
<asp:Panel ID="pnlAjaxArea" runat="server" Visible="false"> 
<%--PrivacyMPE--%> 
    <%--I have to hide the link button referenced in the AjaxPopUpExtender. I will use a different button to show the pop up--%> 
    <div style="display:none;"> 
    <asp:LinkButton runat="server" ID="lbPrivacy" Text="PRIVACY"/> 
    </div> 
     <asp:ModalPopupExtender ID="MpePrivacy" runat="server" TargetControlID="lbPrivacy" 
      PopupControlID="PnlPrivacy" BackgroundCssClass="modalBackground" > 
     </asp:ModalPopupExtender> 
     <asp:Panel runat="server" ID="PnlPrivacy" Height="500px" Width="600px" BorderStyle="Solid" 
      BorderColor="#1E549E" BorderWidth="3px" BackColor="#FFFFFF" ScrollBars="Auto"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
       <tr> 
        <td> 
         <UcPrivacy:Privacy runat="server" ID="Privacy" /> 
        </td> 
       </tr> 
       <tr> 
        <td align="center"> 
         <asp:ImageButton ImageUrl="~/App_Themes/GfRegistrationPage/images/chiudi-btn.gif" runat="server" OnClick="btMpeClose" 
          CausesValidation="False" /> 
         <br /> 
         <br /> 
        </td> 
       </tr> 
      </table> 
     </asp:Panel> 
<%--CreditsMPE--%> 
    <div style="display:none;"> 
    <asp:LinkButton runat="server" ID="lbCredits" Text="credits"/> 
    </div> 
     <asp:ModalPopupExtender ID="MpeCredits" runat="server" TargetControlID="lbCredits" 
      PopupControlID="PnlCredits" BackgroundCssClass="modalBackground" > 
     </asp:ModalPopupExtender> 
     <asp:Panel runat="server" ID="PnlCredits" Height="500px" Width="600px" BorderStyle="Solid" 
      BorderColor="#1E549E" BorderWidth="3px" BackColor="#FFFFFF" ScrollBars="Auto"> 
      <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
       <tr> 
        <td> 
         <UcCredits:Credits runat="server" ID="Credits" /> 
        </td> 
       </tr> 
       <tr> 
        <td align="center"> 
         <asp:ImageButton ImageUrl="~/App_Themes/GfRegistrationPage/images/chiudi-btn.gif" runat="server" OnClick="btMpeClose" 
          CausesValidation="False" /> 
         <br /> 
         <br /> 
        </td> 
       </tr> 
      </table> 
     </asp:Panel> 
</asp:Panel>

和這裏的一些代碼背後：

#region ModalPopUpS Privacy credits 
protected void btMpePrivacy_Click(object sender, EventArgs e) 
{ 
    pnlAjaxArea.Visible = true; 
    AjaxControlToolkit.ModalPopupExtender modalPop = ((AjaxControlToolkit.ModalPopupExtender)(this.Master.FindControl("ContentPlaceHolder1").FindControl("MpePrivacy"))); 
    modalPop.Show(); 
} 
protected void btMpeCredits_Click(object sender, EventArgs e) 
{ 
    pnlAjaxArea.Visible = true; 
    AjaxControlToolkit.ModalPopupExtender modalPop = ((AjaxControlToolkit.ModalPopupExtender)(this.Master.FindControl("ContentPlaceHolder1").FindControl("MpeCredits"))); 
    modalPop.Show(); 
} 
protected void btMpeClose(object sender, EventArgs e) 
{ 
    pnlAjaxArea.Visible = false; 
} 
#endregion

來源

2012-02-15 14:00:36 enricoariel

在單個頁面中添加兩個ajax模式彈出窗口

回答

相關問題