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 ，如需转载请自行联系原作者