Javascript 如何使ModalPopup可拖动？_Javascript_Asp.net_Ajaxcontroltoolkit_Modalpopupextender_Modal Popup

Javascript 如何使ModalPopup可拖动？

javascript asp.net

Javascript 如何使ModalPopup可拖动？,javascript,asp.net,ajaxcontroltoolkit,modalpopupextender,modal-popup,Javascript,Asp.net,Ajaxcontroltoolkit,Modalpopupextender,Modal Popup,在.NETWebForms项目中，我们使用Ajax控件工具包1.0.10123.0。使用我们的应用程序的用户希望我们能够将此弹出窗口拖动。不幸的是，我无法做到这一点。是的，但我没有看到任何事情发生。jQuery.draggable解决方案也可以工作，因为将转换为IFrame，并且不会以平滑的方式拖动以下是ModalPopup.Master页中的代码，我在其中实现了aScriptManager和ModalPopupExtender：当我添加这个时，唯一值得注意的效果是标题文本变得不可见。没有什

在.NETWebForms项目中，我们使用Ajax控件工具包1.0.10123.0。使用我们的应用程序的用户希望我们能够将此弹出窗口拖动。不幸的是，我无法做到这一点。是的，但我没有看到任何事情发生。jQuery.draggable解决方案也可以工作，因为将转换为IFrame，并且不会以平滑的方式拖动

以下是ModalPopup.Master页中的代码，我在其中实现了aScriptManager和ModalPopupExtender：

当我添加这个时，唯一值得注意的效果是标题文本变得不可见。没有什么是拖拉的

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

你好，多纳尔，谢谢，但这是新的AjaxControlToolkit。我们使用的是1.0。但也许它能提供一些见解。你能使用AjaxControlToolkit以外的工具吗？我建议查看jQueryUI。使用jQuery可以很容易地做到这一点。@Humphy，不。整个应用程序都是围绕用户控件构建的，这是不容易更改的。没人知道出了什么问题？虽然我可以看看提供的链接，一些更多的帮助将不胜感激！

<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>