vs2008中Ajax控件ModalPopupExtender 设置了允许拖动。。但是拖动后,自动回到起始位置。
以下代码可以弹出panel ,但是 弹出后,拖动到其他位置,自动回到起始位置。救命啊。。
<div>
<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
</asp:ToolkitScriptManager>
<asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
TargetControlID="HiddenField1"
PopupControlID="Panel1"
BackgroundCssClass="modalBackground"
CancelControlID="Button2"
Drag="true"
DropShadow="true"
PopupDragHandleControlID="Panel2"
RepositionMode="RepositionOnWindowScroll">
</asp:ModalPopupExtender>
<asp:HiddenField ID="HiddenField1" runat="server" />
<asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">点击弹出窗体</asp:LinkButton>
<asp:Panel ID="Panel1" runat="server" CssClass="confirmPanel" >
<asp:Panel ID="Panel2" runat="server" Style="cursor: move;background-color:#DDDDDD;border:solid 1px Gray;color:Black;text-align:center;">
点击这里拖动
</asp:Panel>
<asp:Button ID="Button1" runat="server" Text="登陆" onclick="Button1_Click" />
<asp:Button ID="Button2" runat="server" Text="取消" />
</asp:Panel>
</div>
样式表
<style type="text/css">
.confirmPanel
{
border:2px solid #ccc;
background:#fff;
padding:15px;
width:230px;
height:50px;
}
.modalBackground
{
background-color: #000;
filter: alpha(opacity=80);
opacity: 0.8;
}
</style>