无法在子页面中调用母版页的模式弹出窗口

Question

我正在使用模式弹出窗口来显示登录框。模式弹出窗口位于主页中，并与其中的登录链接相关联。现在我想使用不同的链接按钮在子页面中调用相同的模式弹出窗口。模态弹出窗口可以通过母版页的登录链接调用，但我想在子页面中添加第二个控件（linkBut​​ton），它可以调用母版页的模态弹出窗口。

我在子页面中尝试过此操作：

function LogIn2()
{
$find("programmaticModalPopupBehavior").show();
} 

<asp:LinkButton ID="LinkButton1" runat="server" OnClientClick="LogIn2">Log in</asp:LinkButton>

参考：用于 ModalPopup 的多个 TargetControls

如何调用从子页面中的控件弹出母版页的功能模式？

更新：

这是在母版页中：

<ajax:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="linkLog" CancelControlID="linkClose" BackgroundCssClass="cssModal"                       PopupControlID="panelPopUp" BehaviorID="programmaticModalPopupBehavior" PopupDragHandleControlID="panelDrag"></ajax:ModalPopupExtender>

Answer 1

为 LinkBut​​ton 添加 OnClientClick，如下所示：

<asp:LinkButton ID="LinkButton1" runat="server" Text="Login 2" OnClientClick="return LogIn2()" ...>

将 JavaScript 函数放入母版页中，并在显示弹出窗口后，让该方法返回 false 以防止 LinkBut​​ton 进行回发：

function LogIn2()
{
    $find("<%=ModalPopupExtender1.UniqueID%>").show();
    return false;
}

作为替代方案，您还可以将 return false 添加到LogIn2 函数执行后，LinkBut​​ton 的 OnClientClick，如下所示：

<asp:LinkButton ID="LinkButton1" runat="server" Text="Login 2" OnClientClick="LogIn2();return false;" ...>

Answer 2

我对此不确定，但让我确认一下您是否使用了 ajax 控件，如下所示

 <asp:ModalPopupExtender ID="ImageUploaderEx" runat="server"  BehaviorID="ImageUploaderBID" TargetControlID="Link Name" CancelControlID="Cancel"  PopupControlID="Panel to be open" OnCancelScript="hideUploader()"></asp:ModalPopupExtender>

如果是，那么您可以使用具有不同名称的相同模式，如果这不起作用，请告诉我，我会尽力尝试

这个，如果可以的话有效

((ModalPopupExtender)Page.Master.FindControl("ModalPopupExtender1")).Show();

并添加这个

using AjaxControlToolkit;