第十一章站点导航.ppt

习题 3. 使用SiteMapPath控件，实现如图11-17所示的页面导航。 谢谢！ 第十一章 站点导航 主要内容 11.1站点地图 11.2TreeView控件 11.3Menu控件 11.4SiteMapPath控件 11.5本章小节 公司名称 随着站点内容的增加以及在站点内来回移动网页，管理所有的链接可能会变得比较困难。ASP.NET 站点导航能够将指向所有页面的链接存储在一个中央位置，并在列表中呈现这些链接，或用一个特定 Web 服务器控件在每页上呈现导航菜单。 若要为站点创建一致的、容易管理的导航解决方案，可以使用 ASP.NET 站点导航。 本章包含的主要内容： ●站点地图的功能 ●TreeView控件 ●Menu控件的使用 ●SiteMapPath 控件的使用 11.1站点地图 站点地图，可以使用站点地图描述站点的逻辑结构。接着，可通过在添加或移除页面时，修改站点地图来管理页面导航。 当页面比较多时，可以方便的知道当前所在的位置，和普通的地图差不多，标示你当前的位置，使用站点地图最好。 (1)在添加新项对话框中，选择站点地图，默认名称为Web.sitemap的文件。 11.1站点地图 11.1站点地图 编辑站点地图文件，打开Web.sitemap的文件，如图11-2所示。 代码区有两级标签siteMap和siteMapNode，每个siteMapNode就是一个网页。其siteMapNode有三个属性：url（网页地址）、 title（网页标题）、description（网页的内容说明）。 11.2TreeView控件 TreeView控件是一个树形菜单的站点导航控件，用于显示分级目录，如同Windows资源管理器的树形目录视图。在网页上显示导航菜单，一般以站点地图为基础。 TreeView控件的属性如表11-1所示。 11.2TreeView控件 选中状态下显示的节点图标 SelectedImageUrl 未选择或展开时显示的节点图标 ImageUrl 展开时显示的节点图标 ExpandedImageUrl 应用于该控件的CSS类名 CssClass 从树视图控件中移除当前树节点 Remove 清空树 Clear 展开树节点。 Expand 获取或设置在树节点标签中显示的文本。 Text 获取或设置一个值，用以指示树节点是否处于选中状态。 Checked 展开所有树节点 ExpandAll 获取或设置当前在树视图控件中选定的树节点。 SelectedNode 获取或设置控件的父容器。 Parent 获取分配给树视图控件的树节点集合。 Nodes 获取树节点在树节点集合中的位置。 Index 点击节点时的跳转网址 NavigateNrl 用来定义treeview控件的层次结构展开的级别数。 ExpandLevel 在一个treeview控件中的两个节点之间，可以显示一些线长 ShowLines 当两个节点收到一起的时候，你可以显示一个加号（+），访问者就知道这个节点可以展开 ShowPlus 当访问者在TreeView控件中对节点进行定位时，可以使用键盘上的箭头来进行定位。 AutoSelect 说明 属性 11.2TreeView控件 例[11-1]TreeView控件的简单应用。 (1)在工具栏画板的导航栏中选择TreeView控件，将其拖拽到网页中，如图11-3所示。 11.2TreeView控件 (2)在TreeView控件任务窗口中选择[编辑节点]，弹出如图11-4所示。 11.2TreeView控件 (3) TreeView控件的工具栏的说明 在图11-4的左侧上方有一排工具栏，属性说明如表11-2所示。 11.2TreeView控件 (4)保存并运行网页。 例[11-2]TreeView控件与站点地图结合实现页面导航，如图11-5所示。 11.2TreeView控件 程序分析： (1)创建网页，放置TreeView控件，设置其数据源为SiteMapDataSource (2)建立一个站点地图，编写相应代码 步骤如下： (1) 创建网页，放置TreeView控件，设置其数据源 在图11-3TreeView控件的TreeView任务栏，选择数据源的[新建数据源]选项，弹出如图11-6所示的对话框。 11.2TreeView控件 (2)在图11-6中选择[站点地图]图标，指定数据源。 (3) 建立一个站点地图，编写相应代码，如图11-7所示。 11.2TreeView控件 (4)创建不同的网页，如图11-8所示。 (5)保存并运行网页 11.3Menu控件 Menu 控件以菜单的结构形式对网站进行导航，可以水平方向或垂直方向的形式导航，它支持如下的功能： (1)