DragPanel控件,該控件可以實現拖動一個設定好的面板。
實例代碼如下:
<%...@ Page Language="C#" AutoEventWireup="true" CodeFile="DragPanelDemo.ASPx.cs"
Inherits="DragPanelDemo" %>
<%...@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral,
PublicKeyToken=31bf3856ad364e35"
Namespace="System.Web.UI" TagPrefix="ASP" %>
<%...@ Register Assembly="AjaxControlToolkit" Namespace="AJaxControlToolkit" TagPrefix="cc1" %>
<!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>
</head>
<body>
<form id="form1" runat="server">
<div>
<ASP:ScriptManager ID="ScriptManager1" runat="server">
</ASP:ScriptManager>
<div >
<ASP:Panel ID="Panel3" runat="server" Width="100%">
<ASP:Panel Border BorderWidth="2px" BorderColor="black" ID="Panel4"
runat="server" Width="100%" Height="20px">
<div class="dragMe">
拖動</div>
</ASP:Panel>
<ASP:Panel Border BackColor="#AFC5FE" ForeColor="Black" Font-Size="small"
BorderWidth="2px" BorderColor="black" ID="Panel5" runat="server" Width="100%"
Height="150px" >
<p>移動控制板</p>
</ASP:Panel>
</ASP:Panel>
<cc1:DragPanelExtender ID="DragPanelExtender1" runat="server"
TargetControlID="Panel3" DragHandleID="Panel4">
</cc1:DragPanelExtender>
</div>
</div>
</form>
</body>
</Html>