(二)创建过程
启动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—当鼠标移开目标控件时弹出框在屏幕上滞留的时间。
◆PopupControlID—当鼠标在目的控件上移动时要显示的控件;
◆HoverCssClass—当弹出框可见时要应用到其上的CSS类;
◆PopupPosition—相对于目标控件要显示的弹出位置,可能的取值有:left,right,top,bottom或center;
◆OffsetX/OffsetY—目标控件和弹出框之间的像素偏移量;
◆PopDelay—当鼠标移开目标控件时弹出框在屏幕上滞留的时间。
本文转自朱先忠老师51CTO博客,原文链接:http://blog.51cto.com/zhuxianzhong/60096 ,如需转载请自行联系原作者