如何使ModalPopup可拖动?

时间:2014-08-08 16:29:24

标签: javascript asp.net ajaxcontroltoolkit modalpopupextender modal-popup

在.NET WebForms项目中,我们使用Ajax Control Toolkit 1.0.10123.0 ModalPopup。使用我们的应用程序的人会喜欢我们使这个弹出窗口可拖动。不幸的是我无法做到这一点。我做了find that the ModalPopupExtender might be of use,但我没有看到任何事情发生。 jQuery.draggable解决方案可以正常工作,因为ModalPopup转换为IFrame并且它不会以平滑的方式拖动。

以下是ModalPopup.Master页面中我实施ScriptManagerModalPopupExtender的代码:

<body onkeyup="catchEnter(event);">
<form id="form1" runat="server">
<div class="modalHeader">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <cc2:ModalPopupExtender ID="ModalPopupExtender" runat="server" BackgroundCssClass="modalBackground" Drag="true" DropShadow="true" 
            OnOkScript="onOk()" PopupDragHandleControlID="ModalHeaderLabel"
            PopupControlID="ModalHeaderLabel"
            TargetControlID="LinkPopupExtender" />

    <asp:Label ID="ModalHeaderLabel" style="color: #ffffff;"  runat="server" Text="" />
</div>
    <asp:ValidationSummary ID="ValidationSummary" runat="server" ShowMessageBox="False" />
    <asp:CustomValidator ID="cvGeneral" runat="server" Visible="False" />
    <asp:ContentPlaceHolder ID="ContentPlaceHolder" runat="server">
    </asp:ContentPlaceHolder>
    <asp:HiddenField runat="server" ID="LinkPopupExtender" />

</form>
</body>

当我添加它时,唯一明显的效果是标题文本变得不可见。没有什么是可以拖延的。

我对经典的ASP.NET控件不是很有经验,我希望有经验的人可以向我解释如何让Modalpopup可以拖动。

0 个答案:

没有答案