程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> .NET實例教程 >> ajax擴展控件(5)

ajax擴展控件(5)

編輯:.NET實例教程

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>

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved