为什么我的 ModalPopupExtender 不显示？ ASP.NET 和 JavaScript答案

【问题标题】：Why won't my ModalPopupExtender show? ASP.NET & javascript为什么我的 ModalPopupExtender 不显示？ ASP.NET 和 JavaScript
【发布时间】：2011-07-12 20:49:51
【问题描述】：

我正在尝试从 javascript 调用模态弹出扩展器。这是电话：

function MyFunction()
   {alert("test");
   $find('mdlPassword').show;}

当它被调用时我会收到警报，但不会显示模态弹出扩展器。这是aspx的东西：

<!-- Popup Extenders Should Go Here -->
<asp:button id="Button1" runat="server" text="Button" style="display: none;" />
<asp:ModalPopupExtender ID="mdlPassword" runat="server"
    targetcontrolid="Button1" popupcontrolid="pnlPassword" 
    popupdraghandlecontrolid="PopupHeader" drag="true">
</asp:ModalPopupExtender>

<asp:Panel ID="pnlPassword" style="display: none" runat="server">
<div class="PasswordPopup">
            <div id="PopupHeader">&nbsp;</div>
            <div class="Controls">
                <center><table><tr>
                    <td>Please enter your password:</td><td><input type="password" name="Password" /></td></tr>
                <tr><td>&nbsp;</td>
                    <td><asp:linkbutton id="btnOK" runat="server" text="OK" />&nbsp;&nbsp;<asp:linkbutton id="btnCancel" runat="server" text="Cancel" /></td></tr></table></center>
            </div>
 </div>
</asp:Panel>

有什么想法吗？

谢谢，

杰森

【问题讨论】：

你能发布呈现的 HTML 而不是预呈现的 .aspx 页面吗？

标签： javascript vb.net function show modalpopupextender

【解决方案1】：

尝试定义 ModalPopupExtender 的 BehaviorID：

<asp:ModalPopupExtender ID="mdlPassword" runat="server"
    BehaviorID="mdlPassword"
    targetcontrolid="Button1" popupcontrolid="pnlPassword" 
    popupdraghandlecontrolid="PopupHeader" drag="true">
</asp:ModalPopupExtender>

BehaviorID：如果您想访问客户端客户端脚本代码中扩展器的行为，您可以设置此 BehaviorID 以简化流程。

显示和隐藏弹窗的脚本：

<script language="javascript">
   function showPopup()
   {
       $find('mdlPassword').show();
   }
   function hidePopup()
   {
       $find('mdlPassword').hide();
   }
</script>

【讨论】：

其实，我希望我能给你两票。您列出定义并解释为什么它以这种方式工作的额外时间只是A+
记住 BehaviorID works with all Extender-controls 继承自 ExtenderControlBase 的技巧。很高兴我能帮忙:)