AjaxControlToolKit ModalPopupExtender拖回到中心

我使用的是AjaxControlToolKit 4.0（ASP.NET 4.0）的ModalPopupExtender，每一件事情都很好，當我拖動ModalPopup時它正在拖動，但問題在於它正在回彈到它的原始位置（中央）。相同的代碼工作： http://www.asp.net/AjaxLibrary/AjaxControlToolkitSampleSite/ModalPopup/ModalPopup.aspx AjaxControlToolKit ModalPopupExtender拖回到中心

我搜索一下這個問題，但所有的解決方案是通過使用外部Java腳本代碼給出，但同時對ASP.NET工作相同的代碼是什麼可以在下面的代碼錯誤示例頁面。（從我複製相同的代碼）

這是我的代碼：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm3.aspx.cs" Inherits="AjaxToolKitTest4.WebForm3" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head runat="server"> 
    <title>Hello</title> 
    <link href="style.css" rel="stylesheet" /> 
</head> 
<body> 
    <form id="form1" runat="server"> 
     <ajaxToolkit:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"></ajaxToolkit:ToolkitScriptManager> 

     <div> 
      <%--Start LinkButton to Show Modal Popup Form--%> 
      <asp:LinkButton ID="lnkAddForm" Text="Insert" runat="server" OnClick="lnkAddForm_Click"></asp:LinkButton> 
      <%--End LinkButton to Show Modal Popup Form--%> 

      <%--Start Panel for Modal Popup Form--%> 
      <asp:Panel ID="programmaticPopup" runat="server" CssClass="modalPopup" Style="display: none; width: 350px; padding: 10px;">     
       <asp:Panel runat="Server" ID="programmaticPopupDragHandle" Style="cursor: move; width:100%; background-color: #DDDDDD; border: solid 1px Gray; color: Black; text-align: center;"> 
        Title Bar 
       </asp:Panel> 
        Content of Modal Form 
      </asp:Panel> 
      <%--End Panel for Modal Popup Form--%> 

      <%-- Start AjaxToolKit ModalPopupExtender for Panel --%> 
      <asp:Button runat="server" ID="hiddenTargetControlForModalPopup" Style="display: none" /> 
      <ajaxToolkit:ModalPopupExtender 
       ID="programmaticModalPopup"     
       BehaviorID="programmaticModalPopupBehavior" 
       TargetControlID="hiddenTargetControlForModalPopup" 
       PopupControlID="programmaticPopup" 
       BackgroundCssClass="modalBackground" 
       DropShadow="false" 
       PopupDragHandleControlID="programmaticPopupDragHandle" 
       RepositionMode="RepositionOnWindowScroll" 
       runat="server"> 
      </ajaxToolkit:ModalPopupExtender> 
      <%-- End AjaxToolKit ModalPopupExtender for Panel --%> 
     </div> 

    </form> 
</body> 
</html>

來源

2014-02-22 Zeeshanef

的模式彈出使用形式的body用於拖動。如果身體的高度設置不正確，拖動將無法正常工作。

設置下面的CSS樣式和拖動應該工作。

html, body 
{ 
    margin: 0; 
    padding: 0; 
    height: 100%; 
}

來源

2014-02-22 16:29:40 singularhum

我想給你+10000 ...其工作100％罰款。我記得當其他論壇上的每個人發佈他們的解決方案時，「樹搖擺」。但只有容器的造型高度起作用。 – Zeeshanef

此外，如果只在頁面上使用'<！DOCTYPE html>'，則拖動也不起作用。我們需要：'<！DOCTYPE html PUBLIC「 - // W3C // DTD XHTML 1.0 Transitional // EN」「http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd」>' – Zeeshanef

AjaxControlToolKit ModalPopupExtender拖回到中心

回答

相關問題