第5篇 站点风格(站点导航_母版页_主题.ppt

导航控件 创建一个反映站点结构的站点地图只完成了ASP.NET站点导航系统的一部分。导航系统的另一部分是在ASP.NET网页中显示导航结构，这样用户就可以在站点内轻松地移动。通过使用下列的ASP.NET站点导航控件，在页面中建立导航信息： SiteMapPath控件 Menu控件 TreeView控件 SiteMapPath控件 SiteMapPath控件会显示一个导航路径，此路径为用户显示当前页的位置，并显示返回主页的的路径。如在上述示例中将SiteMapPath控件添加到在线书店的“计算机网络”页中，将显示如下内容，以超链接方式显示“主页”和“计算机数据”。 首页 教员风采 lee SiteMapPath控件常用属性 例子 TreeView控件 TreeView控件在页面中是以树型结构来实现导航功能，主要用来显示分级数据，如目录和文件目录。 TreeView控件由一个或多个节点构成。树中的每一项被称为一个节点，由TreeNode对象表示。每个TreeNode还可以包括一个或多个TreeNode对象。包含TreeNode及其子节点的层次结构构成了TreeView控件所呈现的树结构。 TreeView节点类型 节点类型 说明 根节点（Root） 该类型节点处于树形最高层，没有父节点，具有一个 或多个子节点。 父节点（Parent） 该类型节点有一个父节点，有一个或多个子节点。 叶节点（Leaf） 该类型节点处于树形最底层，没有子节点。 asp:TreeView ID=TreeView1 runat=server Nodes asp:TreeNode NavigateUrl=homepage.aspx Text=主页 Value=主页 asp:TreeNode NavigateUrl=music.aspx Text=音乐 Value=音乐 asp:TreeNode NavigateUrl=class.aspx Text=古典音乐 Value=古典音乐/asp:TreeNode /asp:TreeNode asp:TreeNode Text=游戏 Value=游戏 asp:TreeNode Text=80分 Value=80分/asp:TreeNode /asp:TreeNode /asp:TreeNode /Nodes /asp:TreeView ?xml version=1.0 encoding=utf-8 ? siteMap xmlns=/AspNet/SiteMap-File-1.0 siteMapNode url=homepage.aspx title=主页 siteMapNode url=fiancing.aspx title=理财 siteMapNode url=fund.aspx title=基金 / siteMapNode url=stock.aspx title=股票 / /siteMapNode siteMapNode url=life.aspx title=生活 siteMapNode url=food.aspx title=美食 description= siteMapNode url=kitchen.aspx title=厨房 / siteMapNode url=menu.aspx title=菜谱 / /siteMapNode /siteMapNode /siteMapNode /siteMap TreeView控件的事件处理 节点展开事件：TreeNodeExpanded 节点折叠事件：TreeNodeCollapsed 节点选择事件：SelectedNodeChanged Menu控件 Menu控件提供静态和动态混合的菜单功能。静态部分是直接显示在页面上，动态部分是仅在需要的时候才显示。动态菜单和静态菜单结合，可以提供更多的选项，又不必担心占用页面的空间 asp:Menu ID=Menu1 runat=server Items asp:MenuItem NavigateUrl=homepage.aspx Text=主页 Value=主页 asp:MenuItem Text=音乐 Value=产品 NavigateUrl=music.aspx asp:MenuItem Text=古典音乐 Value=古典音乐 NavigateUrl=class.asp