第08讲导航控件

1、1第08讲 导航控件ASP.NET8.1 导航控件概述 nASP.NET 2.0提供了SiteMapPath、TreeView和Menu三个控件来实现站点导航 SiteMapPath控件通过导航路径向用户显示当前页面的位置，并以链接的形式显示返回主页的路径。 TreeView控件显示一个树状结构或菜单，让用户可以遍历访问站点中的不同页面。 Menu 控件显示一个可展开的菜单，让用户可以遍历访问站点中的不同页面。 8.2 “电子书”案例 8.2.1操作步骤操作步骤n1. “电子书电子书”网站的创建网站的创建1) “电子书电子书”网站的准备网站的准备2) “电子书电子书”网站的创建网站的创建n2.

2、 “电子书电子书”网站的浏览网站的浏览命名要求：命名要求：xx_Index.htm ； xx_Default.aspx8.2.1操作步骤操作步骤n关键步骤（1）：添加现有项，将htm文件添加到新建的网站目录中。8.2.1操作步骤操作步骤n关键代码（2）：xx_index.htm 无标题页 8.2.1操作步骤操作步骤n关键代码（3）：xx_default.aspx.cs拓展能力：拓展能力：如何使用代码，在页面中自动产生节点；并设置的相关属性；8.2.2本节知识点本节知识点n1. TreeView控件中编辑节点n2. 内置的视图方案n3. 对节点事件的处理1. TreeView控件中编辑节点nTr

3、eeView控件可以显示层次数据。 nTreeView控件由节点组成。树中的每个项都称为一个节点，它由一个TreeNode对象表示。 包含其他节点的节点称为“父节点”； 被其他节点包含的节点称为“子节点”； 没有子节点的节点称为“叶节点”； 不被其他任何节点包含同时是所有其他节点的上级的节点是“根节点”。利用TreeView控件创建导航n利用TreeView控件创建导航的方法有3种直接在【TreeView节点编辑器】窗口进行手工的编辑 使用站点地图 直接选择其它数据源，如各种数据库等，或编程实现导航 2. 内置的视图方案nTreeView控件的结构是一个树视图的层次结构。TreeView控件上

4、的每个元素或每一项都称为节点。层次结构中最上面的节点是根节点。TreeView控件可以有多个根节点。在层次结构中，任何节点，包括根节点在内，如果在它的下面还有节点，就称为父节点。每个父节点可以有一个或多个子节点。如果节点不包含子节点，就称为叶节点。3. 对节点事件的处理nTreeView控件提供了多个事件。TreeView控件支持的常用事件如下： 8.3 “新闻导航”案例 8.3.1操作步骤操作步骤n1. “新闻导航”网站的创建n2. “新闻导航”网站的浏览8.3.1操作步骤操作步骤n关键代码1：Web.sitemap8.3.1操作步骤操作步骤n关键步骤2：依次复制default.aspx中的

5、控件，另存为其他页面。另存的页面中的导航标题，以Web.sitemap中设置的内容为依据！8.3.2 本节知识点本节知识点n1. 站点地图文件的作用与结构站点地图文件的作用与结构n2. 利用利用Menu控件进行导航控件进行导航n3. 利用利用SiteMapPath控件标识路径控件标识路径1. 站点地图文件的作用与结构站点地图文件的作用与结构n若要使用ASP.NET站点导航，必须描述站点结构以便站点导航API和站点导航控件可以正确显示站点结构。默认情况下，站点导航系统使用一个包含站点层次结构的XML站点地图文件。n创建站点地图最简单方法是创建一个名为Web.sitemap的XML文件，该文件按站

6、点的分层形式组织页面。ASP.NET的默认站点地图提供程序自动选取此站点地图。Web.sitemap文件必须位于应用程序的根目录中。“新闻导航新闻导航”示例的站点地图文件示例的站点地图文件Web.sitemap 代码代码元素的属性说明元素的属性说明 注意：注意：nWeb.sitemap文件中的各个“url”网页地址一定要真实存在，不然会提示出错。 2. 利用利用Menu控件进行导航控件进行导航nMenu控件用于显示Web网页中的菜单，并常与用于导航网站的SiteMapDataSource控件结合使用。用户单击菜单项时，Menu控件可以导航到所链接的网页或直接回发到服务器。 Menu控件的属性M

7、enu控件的主要事件Menu控件的使用nMenu 控件的使用很简单：定义站点地图文件Web.sitemap，拖入一个SiteMapDataSource控件设置Menu控件的DataSourceID属性值为刚添加的SiteMapDataSource控件IDn提示：TreeView控件的使用方法也和Menu控件相同。 3. 利用利用SiteMapPath控件标识路控件标识路径径nSiteMapPath控件是一种站点导航控件，反映站点地图对象提供的数据。它显示了超链接页名称的分层路径，从而提供了从当前位置沿页层次结构向上的跳转，如nSiteMapPath控件对于分层页结构较深的站点很有用，在此类站点中TreeView或Menu可能需要较多的页空间。 nSiteMapPath控件直接使用网站的站点地图数据。如果将其用在未在站点地图中描述的页面上，则其不会显示。SiteMapPath控件的常用属性 SiteMapPath 控件的使用 nSiteMapPath 控件的使用添加站点地图文件Web.sitemap拖入一个SiteMapPath 控件n注意：要确保引用该控件网页的网页地址包含在Web.sitemap的某个“url”