ajax扩展控件(5)

DragPanel控件,该控件可以实现拖动一个设定好的面板。
实例代码如下:

<% ... @PageLanguage="C#"AutoEventWireup="true"CodeFile="DragPanelDemo.aspx.cs"
Inherits
="DragPanelDemo"
%>

<% ... @RegisterAssembly="System.Web.Extensions,Version=1.0.61025.0,Culture=neutral,
PublicKeyToken=31bf3856ad364e35
"
Namespace
="System.Web.UI"TagPrefix="asp"
%>

<% ... @RegisterAssembly="AjaxControlToolkit"Namespace="AjaxControlToolkit"TagPrefix="cc1" %>

<! DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//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 style ="height:300px;width:150px;float:left;padding:5px;" >
< asp:Panel ID ="Panel3" runat ="server" Width ="100%" >
< asp:Panel BorderStyle ="Solid" BorderWidth ="2px" BorderColor ="black" ID ="Panel4"
runat
="server" Width ="100%" Height ="20px" >
< div class ="dragMe" >
拖动
</ div >
</ asp:Panel >
< asp:Panel BorderStyle ="Solid" BackColor ="#AFC5FE" ForeColor ="Black" Font-Size ="small"
BorderWidth
="2px" BorderColor ="black" ID ="Panel5" runat ="server" Width ="100%"
Height
="150px" Style ="overflow:scroll;" >
< p > 移动控制板 </ p >
</ asp:Panel >
</ asp:Panel >
< cc1:DragPanelExtender ID ="DragPanelExtender1" runat ="server"
TargetControlID
="Panel3" DragHandleID ="Panel4" >
</ cc1:DragPanelExtender >
</ div >
</ div >
</ form >
</ body >
</ html >

你可能感兴趣的:(Ajax,Web,UI,XHTML,asp)