增加两个阿贾克斯模式弹出在一个单一的页面 [英] Adding two ajax modal popup in a single page
本文介绍了增加两个阿贾克斯模式弹出在一个单一的页面的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我遇到一个问题，我添加两个阿贾克斯模式弹出在一个单一的页面。这种双模式弹出每做不同的事情。一个是创建一个是进行更新。当两个模式弹出，我的更新按钮不能被点击ANS执行更新codeS。当我删除我的创建模式弹出，我的更新工作吗？谁能告诉我怎么做我做两个弹出存在于同一页面？
＆LT; - 模态弹出：创建主题 - ＆GT;
＆LT; CC1：modalpopupextender ID =ModalPopupExtender1=服务器
的TargetControlID =btnShowPopupPopupControlID =pnlCreatePopup
CancelControlID =btnCancelBackgroundCssClass =modalBackground＆GT;
＆LT; / CC1：modalpopupextender＆GT;
＆LT; ASP：面板ID =pnlCreatePopup=服务器的CssClass =createModalPopup＆GT;
＆LT; - 模态弹出：更新主题 - ＆GT;
＆LT; ASP：按钮的ID =bnUpdateShow=服务器的风格=显示：无; /＆GT;
＆LT; CC1：ModalPopupExtender ID =ModalPopupExtender2=服务器的TargetControlID =bnUpdateShowPopupControlID =pnlpopupCancelControlID =btnUpdateCancelBackgroundCssClass =modalBackground＆GT;
＆LT; / CC1：ModalPopupExtender＆GT;
＆LT; ASP：面板ID =pnlpopup=服务器的CssClass =topicModalPopup＆GT;
解决方案
我解决了这个隐藏了ajax弹出设置为可见=假面板内。我火在codeBehind的弹出窗口。这里是一些code：
＆LT; ASP：LinkButton的=服务器ID =lbCredits1字体下划线=真
的CausesValidation =假的OnClick =btMpeCredits_Click＆GT;现金＆LT; / ASP：LinkButton的＆GT;
＆安培; NBSP; |＆安培; NBSP;
＆LT; ASP：LinkButton的=服务器ID =lbPrivacy2字体下划线=真
的CausesValidation =假的OnClick =btMpePrivacy_Click＆gt;隐私权＆LT; / ASP：LinkButton的＆GT;
＆LT;％ - AjaxPopUpExtenderArea - ％＆GT;
＆LT; ASP：面板ID =pnlAjaxArea=服务器可见=假＆GT;
＆LT;％ - PrivacyMPE - ％＆GT;
＆LT;％ - 我要躲在AjaxPopUpExtender引用的链接按钮。我将使用不同的按钮显示弹出 - ％GT;
＆LT; DIV的风格=显示：无;＆GT;
＆LT; ASP：LinkButton的=服务器ID =lbPrivacy文本=隐私/＆GT;
＆LT; / DIV＆GT;
＆LT; ASP：ModalPopupExtender ID =MpePrivacy=服务器的TargetControlID =lbPrivacy
PopupControlID =PnlPrivacyBackgroundCssClass =modalBackground＆GT;
＆LT; / ASP：ModalPopupExtender＆GT;
＆LT; ASP：面板=服务器ID =PnlPrivacy高度=500px的WIDTH =600px的边框=实
边框颜色=＃1E549E边框宽度=的3px背景色=＃FFFFFF滚动条=自动＆GT;
＆LT;表格的宽度=100％的边界=0CELLSPACING =0的cellpadding =0＆GT;
＆其中; TR＆GT;
＆LT; TD＆GT;
＆LT; UcPrivacy：隐私=服务器ID =隐私/＆GT;
＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆其中; TR＆GT;
＆LT; TD ALIGN =中心＆GT;
＆LT; ASP：ImageButton的的ImageUrl =〜/ App_Themes文件/ GfRegistrationPage /图片/ chiudi-btn.gif=服务器的OnClick =btMpeClose
的CausesValidation =FALSE/＆GT;
＆LT; BR /＆GT;
＆LT; BR /＆GT;
＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆LT; /表＆gt;
＆LT; / ASP：面板＆gt;
＆LT;％ - CreditsMPE - ％＆GT;
＆LT; DIV的风格=显示：无;＆GT;
＆LT; ASP：LinkButton的=服务器ID =lbCredits文本=信用/＆GT;
＆LT; / DIV＆GT;
＆LT; ASP：ModalPopupExtender ID =MpeCredits=服务器的TargetControlID =lbCredits
PopupControlID =PnlCreditsBackgroundCssClass =modalBackground＆GT;
＆LT; / ASP：ModalPopupExtender＆GT;
＆LT; ASP：面板=服务器ID =PnlCredits高度=500px的WIDTH =600px的边框=实
边框颜色=＃1E549E边框宽度=的3px背景色=＃FFFFFF滚动条=自动＆GT;
＆LT;表格的宽度=100％的边界=0CELLSPACING =0的cellpadding =0＆GT;
＆其中; TR＆GT;
＆LT; TD＆GT;
＆LT; UcCredits：积分=服务器ID =信用/＆GT;
＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆其中; TR＆GT;
＆LT; TD ALIGN =中心＆GT;
＆LT; ASP：ImageButton的的ImageUrl =〜/ App_Themes文件/ GfRegistrationPage /图片/ chiudi-btn.gif=服务器的OnClick =btMpeClose
的CausesValidation =FALSE/＆GT;
＆LT; BR /＆GT;
＆LT; BR /＆GT;
＆LT; / TD＆GT;
＆LT; / TR＆GT;
＆LT; /表＆gt;
＆LT; / ASP：面板＆gt;
＆LT; / ASP：面板＆gt;
和这里背后的一些code：
＃地区ModalPopUpS隐私学分
保护无效btMpePrivacy_Click（对象发件人，EventArgs的）
{
pnlAjaxArea.Visible =真;
AjaxControlToolkit.ModalPopupExtender modalPop = ((AjaxControlToolkit.ModalPopupExtender)(this.Master.FindControl("ContentPlaceHolder1").FindControl("MpePrivacy")));
modalPop.Show（）;
}
保护无效btMpeCredits_Click（对象发件人，EventArgs的）
{
pnlAjaxArea.Visible =真;
AjaxControlToolkit.ModalPopupExtender modalPop = ((AjaxControlToolkit.ModalPopupExtender)(this.Master.FindControl("ContentPlaceHolder1").FindControl("MpeCredits")));
modalPop.Show（）;
}
保护无效btMpeClose（对象发件人，EventArgs的）
{
pnlAjaxArea.Visible = FALSE;
}
#endregion
I encountered a problem where i add two ajax modal popup in a single page. This two modal popup each do different things. one is is create and one is for update. When two modal popup, my update button cannot be click ans execute the update codes. And when i remove my create modal popup, my updates work? Can anyone tell me how do i make two popup exist in the same page?
<!--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">
解决方案
I solved this hiding the ajax pop up inside a panel configured as visible=false. I fire the popUp in codeBehind. here is some code:
<asp:LinkButton runat="server" ID="lbCredits1" Font-Underline="true"
CausesValidation="false" OnClick="btMpeCredits_Click">Credits</asp:LinkButton>
|
<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>
and here some code behind:
#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
这篇关于增加两个阿贾克斯模式弹出在一个单一的页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
