ASP.NET入门教程 3.5.3 导航控件[4]

Menu控件

Menu控件提供静态和动态混合的菜单功能在向页面添加这个控件的时候开发人员可以选择将它设置为一个完全动态的菜单以便整个站点的导航结构都可以显示在菜单中类似于Windows的Start菜单另一种选择是可以采取一种更传统的方法可使用固定菜单或者使用混合这两种功能的方法动态菜单使用由ASPNET产生的客户端JavaScript代码（同样不需要开发人员输入任何代码）

为了向站点添加Menu控件首先必须添加SiteMapDataSource控件这个控件指定了菜单可以显示的链接以及这些链接出现的顺序在下面的试一试中将在一个基于WroxUnited应用程序的示例中添加这两个控件

（）打开SiteMaster文件并切换到Design View将光标放在页面左边的nav div中

（）在将一个SiteMapDataSource控件拖放到nav div内的页面上（该控件位于工具箱的Data面板上）并在属性窗口中将该控件命名为siteData

所有的铺垫工作已经完成──接下来将添加Menu控件本身

（）将Menu控件拖放到紧靠SiteMapDataSource控件右边缘的地方您将看到一个弹出的对话框──这是Smart Tasks窗口

在这个对话框中选择在第步中创建的siteData数据源在完成该设置之后菜单将改变

（）单击菜单右上角的小箭头关闭该菜单现在选中Menu控件并在属性窗口中将它的StaticDisplayLevels属性设置为您将会立即看到变化

（）在该控件能以在完整版本的Wrox United站点中的方式工作之前需要设置它的一些属性值切换到Source View并在代码中添加如下属性

<asp:Menu ID=Menu runat=server DataSourceID=siteData StaticDisplayLevels=

orientation=Vertical

StaticSubMenuIndent=

disappearafter=

AccessKey=m

EnableViewState=false

>

<DynamicMenuStyle CssClass=dynamicMenu />

<DynamicMenuItemStyle CssClass=dynamicMenuItem />

</asp:menu>

（）现在再次运行站点（按下Ctrl+F）不带调试功能启动站点

注意可以将鼠标光标停留在About链接上片刻之后一个包括History页面的子菜单将显示出来这就是动态菜单的最佳形式──很不错吧！

[] [] [] [] [] []