Доброго времени суток всем. Проблема состоит в том, что модальное окно при перетаскивании зачастую возвращается в исходное положение. Я как ленивый человек не хочу писать Drag&Drop на javascript сам, тем более что ModalPopupExtender включает эту функцию. Не могу разобраться почему возникает такой эффект с их функцией Drag&Drop. Вот код:
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Culture="auto" meta:resourcekey="PageResource1" UICulture="auto" %>
<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
<!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>...</title>
<link href="Style/StyleSheet.css" type="text/css" rel="Stylesheet" />
</head>
<body style="font-weight: normal; text-transform: capitalize; color: black">
<form id="form1" runat="server" enableviewstate="True">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<%-- Здесь некоторый вывод --%>
<asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">Add</asp:LinkButton>
<asp:ModalPopupExtender ID="LinkButton1_ModalPopupExtender" runat="server"
DynamicServicePath="" Enabled="True" TargetControlID="LinkButton1"
PopupControlID="ModalPanel"
CancelControlID="CancelButton" BackgroundCssClass="modalBackground"
DropShadow="false" PopupDragHandleControlID="modalTitle" Drag="True">
</asp:ModalPopupExtender>
<%-- Это мое модальное диалоговое окно собственно --%>
<asp:Panel ID="ModalPanel" runat="server" CssClass="ModalPanel">
<div id="modalTitle" runat="server" class="modalTitle"
style="cursor: move">
<div id="divLeft" class="TitlebarLeft"
hidefocus="hidefocus" runat="server" unselectable="on"
contenteditable="false" enableviewstate="False">
Add Employee</div>
<div id="divRight" runat="server" class="TitlebarRight">
<asp:Button ID="CloseBtn" runat="server" Text="x" Width="23px" Height="23px" />
</div>
</div>
<div id="ModalBody" runat="server" class="modalBody">
<asp:Label ID="Label2" runat="server" Text="First Name:" Width="90px"
CssClass="modalLabel"></asp:Label>
<asp:TextBox ID="FirstNameTbx" runat="server" MaxLength="8"
style="position: relative" Width="108px" ValidationGroup="vg1"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
ControlToValidate="FirstNameTbx" ErrorMessage="Please Enter Employee First Name!"
SetFocusOnError="false" Display="Dynamic" ValidationGroup="vg1"></asp:RequiredFieldValidator>
<asp:Label ID="Label3" runat="server" Text="Last Name:" width="90px"
CssClass="modalLabel"></asp:Label>
<asp:TextBox ID="LastNameTbx" runat="server" MaxLength="12"
style="position: relative" width="108px" ValidationGroup="vg2"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
ControlToValidate="LastNameTbx" ErrorMessage="Please Enter Employee Last Name!"
SetFocusOnError="false" Display="Dynamic" ValidationGroup="vg2"></asp:RequiredFieldValidator>
<asp:Label ID="Label4" runat="server" Text="Car:" width="90px"
CssClass="modalLabel"></asp:Label>
<asp:DropDownList ID="DropDownList1" runat="server"
DataSourceID="SqlDataSource2" DataTextField="CarName" DataValueField="ID"
style="position: relative" width="115px">
</asp:DropDownList>
<div align="right">
<asp:Button ID="OKButton" runat="server" Text="Save" width="54px"
onclick="OKButton_Click" />
<asp:Button ID="CancelButton" runat="server" Text="Cancel" />
</div>
</div>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</form>
</body>
</html>
