第十四篇: Ajax Control Toolkit 控件包--3. DragPanel (拖动效果）

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 65 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/net123/archive/2010/01/27/1657956.html

文章标签：

#javascript #ViewUI

本文介绍如何使用 ASP.NET 中的 Panel 控件结合 DragPanelExtender 实现拖拽效果，通过设置 TargetControlID 和 DragHandleID 属性来指定可拖动的区域，并提供了一段 JavaScript 代码确保拖拽过程中元素位置的正确更新。

1 <asp:ScriptManager ID="ScriptManager1" runat="server">
2 </asp:ScriptManager>
3 <asp:Panel ID="Panel1" runat="server">
4 <asp:Panel ID="Panel2" runat="server" BackColor="#3399FF" ForeColor="White">
5 我是标题，拖我吧</asp:Panel>
6 <asp:Panel ID="Panel3" runat="server">
7 我是内容，playaspx.com<br />
8 我是内容，playaspx.com<br />
9 我是内容，playaspx.com</asp:Panel>
10 </asp:Panel>
11 <cc1:DragPanelExtender ID="DragPanelExtender1" runat="server"
12 DragHandleID="Panel2" TargetControlID="Panel1">
13 </cc1:DragPanelExtender>

常用属性

1、TargetControlID,控制空间ID

2、DragHandleID,拖动标题

固定拖动位置