扫一扫
分享文章到微信
扫一扫
关注官方公众号
至顶头条
作者:开发者在线 来源:开发者在线 2007年8月21日
关键字:
SiteMapPath控件可以让你通过可选的自定义元素更加精细地控制各个节点。下面都是这些可用元素的基本介绍:
通过举例来说明这些元素自然会更好。下面的主页面用到了一个SiteMapPath控件的实例,它带有一些用于根节点和当前节点的自定义显示选项。
CSS类用来定义所有节点的样式,其中针对根节点、当前节点和其余的节点都有具体的类相对应。CSS类通过各自的样式元素被分配给元素。当前节点被方括号包围起来——这在其模板元素里已经定义好了。根节点被圆括号包围起来,这在它的模板里定义好了。要注意的是,Eval语句会取回和显示来自数据源(即网站地图文件)的数据项。
<%@ Master Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>TechRepublic.com Test</title> <style type="text/css"> .rnode {font-family: times; font-size: 12pt; color: red;} .cnode {font-family: courier; font-size: 14pt; color: green; font-weight: bold;} .node {font-family: times; font-size: 12pt; color: black;} </style></head><body> <form id="frmMaster" runat="server"> <div> <asp:SiteMapPath ID="SiteMapPath1" runat="server" PathSeparator=">>" PathDirection="rootToCurrent" RenderCurrentNodeAsLink="false" ShowToolTips="true" RootNodeStyle-ForeColor="orange" > <NodeStyle CssClass="node" /> <CurrentNodeStyle CssClass="cnode" /> <CurrentNodeTemplate> [[<%# Eval("title") %>]] </CurrentNodeTemplate> <RootNodeStyle CssClass="rnode" /> <RootNodeTemplate> ((<%# Eval("title") %>)) </RootNodeTemplate> </asp:SiteMapPath> <asp:contentplaceholder id="ContentPlaceHolder1" runat="server"> </asp:contentplaceholder></div></form></body></html>使用大型Web应用程序的一个棘手问题是记住你处在网站的什么位置。使用正确的导航控件会解决这一问题,方法是提供用户所处位置的视觉线索,以及到达Web网站其他区域的简单方式。ASP.NET的SiteMapPath控件让你能够轻松地提供一个面包屑样式的导航元素,这样用户就知道他们所处的位置以及如何到达那里了。
Web网站导航对于每个Web应用程序来说都是一个重要的设计问题。我们都碰到过导航信息不足的Web应用程序。将你的Web网站成功的导航经验和失败的痛苦经历与我们的开发社区一起分享吧。
Tony Patton的职业生涯开始于应用程序开发员,并已经获得了代表其专业水平的Java、VB、Lotus和XML认证。
责任编辑:德东
如果您非常迫切的想了解IT领域最新产品与技术信息,那么订阅至顶网技术邮件将是您的最佳途径之一。
现场直击|2021世界人工智能大会
直击5G创新地带,就在2021MWC上海
5G已至 转型当时——服务提供商如何把握转型的绝佳时机
寻找自己的Flag
华为开发者大会2020(Cloud)- 科技行者