ASP.NET AJAX(15)-HoverMenuExtender

2008-03-16

使用時機：通常這個控制項，我們會用在提示訊息比較多，比如一個要輸入帳號的textbox，當滑鼠移過去的時候，就會出現提示訊息，比較常就用在這裡，其它的變化則靠大家的創意了。

<%@ 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> <asp:Panel ID="Panel1" runat="server" Height="50px" Width="125px"> 請輸入帳號</asp:Panel> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <cc1:HoverMenuExtender ID="HoverMenuExtender1" runat="server" PopupControlID="Panel1" PopupPosition="Right" TargetControlID="TextBox1"> </cc1:HoverMenuExtender> </div> </form> </body> </html>

以上就是一個很簡單的範例解說一下

1.一樣拉一個textbox，一個panal(要出現的提示訊息可寫在此)，一個HoverMenuExtender

2.將HoverMenuExtender的TargetControlID設為textbox，textbox的PopupControlID設為panal
大功告成，這就是一個很簡單的範例

3.PopupPosition屬性是在設定顯示訊息的位置，可直接用設定的，若要程式控制如下
this.HoverMenuExtender1.PopupPosition = AjaxControlToolkit.HoverMenuPopupPosition.Right;

4.PopDelay延遲時間是用毫秒來計算，這裡所謂的延遲時間是指說當滑鼠游標離開textbox時，提示訊息還要幾秒才會消失

5.總結，上面這個範例其實，textbox換成任何控制項都可以，panal裡面也可以放其他的控制項不一定是要文字，如何變化就看大家如何去設計了。

回首頁