ajax扩展控件(5)

xiaoer_1982 · 发表于 2013-1-23 02:25:58

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

<div style="">

<%...@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">

<htmlxmlns="http://www.w3.org/1999/xhtml">

<headrunat="server">

</head>

<body>

<formid="form1"runat="server">

<div>

<asp:ScriptManagerID="ScriptManager1"runat="server">

</asp:ScriptManager>

<divstyle="height:300px;width:150px;float:left;padding:5px;">

<asp:PanelID="Panel3"runat="server"Width="100%">

<asp:PanelBorderStyle="Solid"BorderWidth="2px"BorderColor="black"ID="Panel4"

runat="server"Width="100%"Height="20px">

<divclass="dragMe">

拖动</div>

</asp:Panel>

<asp:PanelBorderStyle="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>

<cc1:DragPanelExtenderID="DragPanelExtender1"runat="server"
TargetControlID="Panel3"DragHandleID="Panel4">

</cc1:DragPanelExtender>

</div>

</form>

</body>

</html>

		自动登录	找回密码
密码			立即注册