如何使用Sitemap和menu创建网站导航

1.添加Sitemap文件

 

将Sitemap内容替换为如下示例代码:

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
  <siteMapNode url="default.aspx" title="Home"  description="Sitemap example's home page">
    <siteMapNode url="products.aspx" title="Products"  description="Products listing page">
      <siteMapNode url="products/product1.aspx" title="Product 1"  description="" />
      <siteMapNode url="products/product2.aspx" title="Product 2"  description="" />
      <siteMapNode url="products/product3.aspx" title="Product 3"  description="" />
    </siteMapNode>
    <siteMapNode url="services.aspx" title="Services"  description="Services listing page" >
      <siteMapNode url="services/service1.aspx" title="Services 1"  description="" />
      <siteMapNode url="services/service2.aspx" title="Services 2"  description="" />
      <siteMapNode url="services/service3.aspx" title="Services 3"  description="" />
    </siteMapNode>
  </siteMapNode>
</siteMap>

2.添加Menu控件(Menu样式需依个人情况设置)
在Site.master(可以是任意页面)中拖入一个menu控件,设置Orientation="Horizontal",在设计模式中选择资料来源->新资料来源

再选择网站导览

至此,网站导航就创建完成了

效果如下: 若是不需要显示内置样式效果,请设置menu的属性IncludeStyleBlock="False",则黑色箭头会消失。

不同选项示例效果:

1.设置SiteMapDataSource中的属性   

ShowStartingNode="False"

StartFromCurrentNode="True"

2.设置SiteMapDataSource中的属性   

ShowStartingNode="True"

StartFromCurrentNode="False"

设置Menu中的属性StaticDisplayLevels="2"

 

posted @ 2016-02-29 12:02  翼龙zyl  阅读(528)  评论(0编辑  收藏  举报