DragPanelExtender使用

关键代码：

 1    < asp:ScriptManager  ID ="ScriptManager1"  runat ="server"   />
 2          < ajaxToolkit:DragPanelExtender  ID ="DragPanelExtender1"  runat ="server"  TargetControlID ="Panel1"  DragHandleID ="Panel2" >
 3          </ ajaxToolkit:DragPanelExtender >
 4          < div >
 5             < asp:Panel  ID ="Panel1"  runat ="server"  Width ="250px"  style ="z-index: 20;" >
 6                  < asp:Panel  ID ="Panel2"  runat ="server"  Width ="100%"  Height ="20px"
 7                     BorderStyle ="Solid"  BorderWidth ="2px"  BorderColor ="black" >
 8                          < div  class ="dragMe" > Drag Me </ div >
 9                  </ asp:Panel >
10                  < asp:Panel   ID ="Panel3"  runat ="server"  Width ="100%"  Height ="250px"
11                     Style ="overflow: scroll;"  BackColor ="#0B3D73"  ForeColor ="whitesmoke"
12                     BorderWidth ="2px"  BorderColor ="black"  BorderStyle ="Solid"   >
13                          < div >
14                              < p > This panel will reset its position on a postback or page refresh. </ p >
15                              < hr  />
16
17                          </ div >
18                  </ asp:Panel >
19              </ asp:Panel >

这个控件的用法比较简单，只要设置两个简单的属性，就可以实现拖拽功能。
TargetControlID： 要实现拖放功能的目标
Panel ID DragHandleID： 拖动处理Panel ID，当用户单击并拖动它的时候，目标控件将随着一起移动。