ASP.NET入门教程 3.5.3 导航控件[1]

有三个创意新颖的控件用于站点的导航使用它们只需要很少的工作就可以实现丰富的功能与使用旧版ASPNET开发人员的情况相比这是一个非常大的改进──以前在任务列表中每一项都需要耗费开发人员数小时的工作现在只需要数秒钟的时间！MenuTreeView和SiteMapPath控件是ASPNET 的新控件它们的使用快捷而简单下面逐个查看这些控件在本节后面将向Wrox United站点添加这些控件

SiteMapPath控件

这个控件用于为站点添加breadcrumb功能帮助用户查看位于站点中的什么层次结构Wrox United站点演示了这个功能

术语breadcrumb很可能来源于一个古老的童话Hansel and Gretel两个孩子到深林中探险他们在身后留下一串面包碎屑以便能找到回家的路当用户单击浏览站点的页面时可能会移动到不同的区域或子区域直到经由数个链接深入到应用程序内部breadcrumb可以帮助用户返回到浏览路径上的某个点而不用依赖于浏览器的返回按钮您可能遇到过这样的情况使用返回按钮无法返回某个链接──相当于乌鸦吃掉了留在地上的面包屑有些页面以一种独特的方式向服务器提交信息如果不再次提交信息将无法返回这个页面

Internet上的很多站点都提供breadcrumb功能Wrox United就是一个如图所示然而为了向站点添加其中某个控件必须首先创建WebSiteMap文件已经有这个文件啦？是的！（如果没有需要返回到第章学习怎样创建该文件！）

在创建WebSiteMap文件之后添加SiteMapPath控件并查看结果就很容易了──所需做的就是在页面上添加该控件要在Wrox United站点中添加这个控件最好是把它添加到Master页面这样所有的Content页面都同时获得了导航的功能！

在下一个试一试中需要使用Wrox United应用程序的Chapter版本（保存在下载代码的Chapter文件夹内名称是WroxUnited）作者已经修改了这个版本从而使您可以完成这些练习

如果打开第章的WroxUnited应用程序将会看到画面如果所看到的不同不用担心──VWD在显示使用CSS的页面时有些问题所以不用滚动就可以看到大部分网页

虽然这个站点看起来很正常但缺少两样东西页面左边的链接和页面底部的breadcrumb在下面的试一试中将为站点添加这两项内容并查看添加导航功能是多么简单

（）打开第章的Wrox United应用程序（C:\BegASPNET\Chapters\Begin\ Chapter\WroxUnited）并打开sitemaster文件确保位于Design View中

（）将光标放置在页面底部的Breadcrumbs div内部──它是页面右下方的红色物体当在窗口右下方看到<div#breadcrumbs>以高亮显示时表示找到了正确的控件

（）现在从工具箱的Navigation区将SiteMapPath控件拖放到Breadcrumbs div内

（）忽略该控件的Common Task菜单──这里只需要修改控件的名称确保选中SiteMapPath控件并在Properties面板中将其ID修改为crumbs注意在图中鼠标光标高亮显示该控件的ID属性

ASPNET 入门教程完整版

[] [] [] [] [] []