ATLAS入門篇之HoverMenuExtender控件程式設計(2)

(二)建立過程

啟動Visual Studio 2005，選擇“檔案→建立網站…”，然後選擇“ASP.NET AJAX-Enabled Web Site”模闆(如圖3所示)。命名該工程為AJAXEnabledWebSite2，并點選OK。

圖3：使用“ASP.NET AJAX-Enabled Web Site”模闆快速建立ATLAS程式

然後，在頁面Default.aspx上自上而下從“标準”工具箱上拖動Calendar、Panel控件，并從“ASP.NET AJAX Control Toolkit”工具箱上拖動HoverMenuExtender控件到網頁上。由于這個Panel控件最終将成為我們前面提及的彈出窗，是以，還需要在 其上加入一些内容。最後完成的設計網頁如圖4所示。

圖4：最後完成的網頁設計形式

注意，在上面DropDownList控件中，我們從其“Smart”标簽中選擇了“啟用AutoPostBack”功能，這是為了使使用者每次選擇此下拉清單框中的項目時進行回寄（即“PostBack”）。

切換到頁面Default.aspx的“源”視圖下，然後通過點選并填寫右邊相應的屬性框中的項目對HoverMenuExtender控件相關屬性進行一些設定，如下圖5所示：

圖5：在“源”視圖下通過直接點選和輸入屬性框中屬性簡化了開發過程

從圖中看出，這些操作将把HoverMenuExtender控件與其它控件建立關聯起來。

此HoverMenuExtender控件支援的屬性含義列舉如下：

◆TargetControlID—HoverMenuExtender相應目的控件；

◆PopupControlID—當滑鼠在目的控件上移動時要顯示的控件；

◆HoverCssClass—當彈出框可見時要應用到其上的CSS類；

◆PopupPosition—相對于目标控件要顯示的彈出位置，可能的取值有：left，right，top，bottom或center；

◆OffsetX/OffsetY—目标控件和彈出框之間的像素偏移量；

◆PopDelay—當滑鼠移開目标控件時彈出框在螢幕上滞留的時間。

本文轉自朱先忠老師51CTO部落格，原文連結：http://blog.51cto.com/zhuxianzhong/60096 ，如需轉載請自行聯系原作者