ASP.NET AJAX(18)-DragPanelExtender

2008-03-16

10326
0
ASP.NET AJAX

1.DragPanelExtender由字面上來當然就是可以拖曳panal。

2.panal裡面可以隨便放上控制項，然後將DragPanelExtender的targetcontrolID設為那個panal。

3.DrogHandleID基本上我們會設為那個panal，這樣在拖拉時，只要滑鼠按住panal就可以了，若是你把DrogHandleID設為panal裡面的隨便一個控制項，你在拖拉時，滑鼠便要點在那個控制像上面才可以拖拉。

4.拖拉無效??我一開始測試，也覺得很怪，為何panal都會彈回原本位置，去查了書後，只要把<div>加上可拖拉的範圍，就不會這樣嚕，底下是簡單範例

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Untitled Page</title> </head> <body> <form id="form1" runat="server"> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <div style="height:350px;width:600px;"> <asp:Panel ID="Panel1" runat="server" BackColor="Yellow" Height="64px" Width="184px"> <asp:Label ID="Label1" runat="server" Text="222"></asp:Label> <br /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></asp:Panel> </div> <cc1:DragPanelExtender ID="DragPanelExtender1" runat="server" DragHandleID="Panel1" TargetControlID="Panel1"> </cc1:DragPanelExtender> </form> </body> </html>

本來不容易做的拖拉，又是在web介面上，很容易就做的出來，用這ASP.NET AJAX的功能再搭配上silverlight的介面，新一代的網頁就產生了。

回首頁