ASP.NET入门教程 3.5.3 导航控件[4]
Menu控件
Menu控件提供静态和动态混合的菜单功能 在向页面添加这个控件的时候 开发人员可以选择将它设置为一个完全动态的菜单 以便整个站点的导航结构都可以显示在菜单中 类似于Windows的Start菜单 另一种选择是 可以采取一种更传统的方法 可使用固定菜单 或者使用混合这两种功能的方法 动态菜单使用由ASP NET产生的客户端JavaScript代码(同样 不需要开发人员输入任何代码)
为了向站点添加Menu控件 首先必须添加SiteMapDataSource控件 这个控件指定了菜单可以显示的链接以及这些链接出现的顺序 在下面的 试一试 中 将在一个基于WroxUnited应用程序的示例中添加这两个控件
( )打开Site Master文件并切换到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页面的子菜单将显示出来 这就是动态菜单的最佳形式──很不错吧!
lishixinzhi/Article/program/net/201311/15099
2024-09-19 广告