项目二 Web应用程序界面设计.ppt

2.10 导航类控件的使用 SiteMapPath控件 Menu控件 TreeView控件 SiteMapPath控件 用来显示一个导航路径，此路径为用户显示当前页的位置，并显示返回到主页的路径链接。 使用此控件可以使用户方便地从当前页导航到其父级页面上。 该控件会自动读取位于应用程序根目录下的Web.sitemap文件。 asp:SiteMapPath ID=SiteMapPath1 runat=server /asp:SiteMapPath Menu控件 Menu控件 可以为ASP.NET网页创建菜单。 Menu控件创建的菜单具有两种显示模式：静态模式和动态模式。 Menu控件的两种显示模式 静态显示模式 Menu控件始终是完全展开的。 使用Menu控件的StaticDisplayLevels属性可以用来控制静态显示行为。 Menu控件 如果将StaticDisplayLevels属性设置为3，菜单将以静态显示的方式展开其前3层，静态显示的最小层数为1。 如果将该值设置为0或负数，该控件将会引发异常。 Menu控件 Menu控件的两种显示模式 动态显示模式 MaximumDynamicDisplayLevels属性用于指定静态显示层后应显示的动态显示菜单的节点层数。MaximumDynamicDisplayLevels属性设置为0，则动态显示不会有任何菜单节点。 MaximumDynamicDisplayLevels属性设置为负数，则会引发异常。 Menu控件 定义菜单内容 通过手动添加菜单项的方式直接配置其内容。 将Menu控件绑定到SiteMapDataSource控件上，显示站点地图的节点内容。 asp:Menu ID=Menu1 runat=server“ DataSourceID=“ SiteMapDataSource1“ /asp:Menu asp:SiteMapDataSource ID=SiteMapDataSource1 runat=server / TreeView控件 以树形结构显示分层数据，功能如下： 自动数据绑定，该功能允许将控件的节点绑定到分层数据（如XML文档）。 通过与SiteMapDataSource控件集成，提供对站点导航的支持。 显示为可选择文本或超链接的节点文本。 通过主题、用户定义的图像和样式自定义外观。 通过编程访问TreeView对象模型，可以动态地创建树、填充节点以及设置属性等。 通过客户端到服务器的回调填充节点。 能够在每个节点旁边显示复选框。 任务实施 使用导航控件 任务实施 步骤1 创建一个ASP.NET的网站， 命名为“NavigationSiteDemo” 步骤2 创建母版页 在该网站中创建名为“MasterPage.master”的母版页。 步骤3 编辑母版页 将MasterPage.master文件在源视图中打开，并在其form标签中添加如下代码： form id=form1 runat=server div id=wrapper div id=brandingh1公司网站/h1/div div id=content asp:ContentPlaceHolder ID=ContentPlaceHolder1 runat=server /asp:ContentPlaceHolder /div div id=mainNav/div div id=footerpFooter/p/div /div /form 任务实施 步骤4 添加样式表 右击网站名称，在弹出的快捷菜单中选择“添加现有项”命令，将路径“光盘目录\Chapter2\Chapter2Demo\ NavigationSiteDemo”中名为“StyleSheet.css”的样式文件添加至网站中。 步骤5 将样式表应用于母版页 将MasterPage.master文件在设计视图中打开，并将StyleSheet.css样式表拖放到母版页中应用此样式表。 步骤6 添加站点地图 右击网站名称，在弹出的快捷菜单中选择“添加现有项”命令，添加一个站点地图，将其命名为“Web.sitemap”。打开站点地图，添加如下代码： 任务实施 siteMapNode title=我们的服务 description=服务 url=~/Services.aspx siteMapNode title=培