MOSS 2007 入门(7) : Navigation

         MOSS2007中的站点导航是基于ASP.NET的Navigation机制的，实际上在Masterpage中是可以任意定制页面中的导航控件的。在默认的TeamSite的Default.aspx中导航控件一共有三个.在MOSS中所有导航栏都是通过ASP:Menu控件或是ASP:TreeView控件绑定到一个NavigationDataSource实现的，因此每一个导航菜单都有两个控件共同实现。首先是一个ASP:Menu控件定义导航栏的样式和层级属性，其次是有一个 asp:SiteMapDataSource或SPNavigationProvider来作为导航栏的数据源。

         打开Default.Mater可以发现，三个导航栏的实现各有不同，顶部的导航栏是通过一个SharePoint:DelegateControl动态加载asp:SiteMapDataSource作为数据源的，而左侧的两个则是通过SharePoint:DelegateControl动态加载一个SPNavigationProvider实现的数据源。

         顶部的导航栏代码如下:

< SharePoint:AspMenu
    ID ="TopNavigationMenu"
   Runat ="server"
   DataSourceID ="topSiteMap"
   EnableViewState ="false"
   AccessKey ="<%$Resources:wss,navigation_accesskey%>"
   Orientation ="Horizontal"
   StaticDisplayLevels ="2"
   MaximumDynamicDisplayLevels ="1"
   DynamicHorizontalOffset ="0"
   StaticPopoutImageUrl ="/_layouts/images/menudark.gif"
   StaticPopoutImageTextFormatString =""
   DynamicHoverStyle-BackColor ="#CBE3F0"
   SkipLinkText =""
   StaticSubMenuIndent ="0"
   CssClass ="ms-topNavContainer" >
   < StaticMenuStyle />
   < StaticMenuItemStyle  CssClass ="ms-topnav"  ItemSpacing ="0px" />
   < StaticSelectedStyle  CssClass ="ms-topnavselected"   />
   < StaticHoverStyle  CssClass ="ms-topNavHover"   />
   < DynamicMenuStyle   BackColor ="#F2F3F4"  BorderColor ="#A7B4CE"  BorderWidth ="1px" />
   < DynamicMenuItemStyle  CssClass ="ms-topNavFlyOuts" />
   < DynamicHoverStyle  CssClass ="ms-topNavFlyOutsHover" />
   < DynamicSelectedStyle  CssClass ="ms-topNavFlyOutsSelected" />
  </ SharePoint:AspMenu >
  < SharePoint:DelegateControl  runat ="server"  ControlId ="TopNavigationDataSource" >
   < Template_Controls >
    < asp:SiteMapDataSource
      ShowStartingNode ="False"
     SiteMapProvider ="SPNavigationProvider"
     id ="topSiteMap"
     runat ="server"
     StartingNodeUrl ="sid:1002" />
   </ Template_Controls >
  </ SharePoint:DelegateControl >

    其中aspmenu的使用没什么难度，用户可以自定义CSS样式和定义一些显示的级次。这里插入一个SharePoint CssRegistration控件的用法，就是自定义CSS文件，前面有一篇文章我曾经专门讲过如何自定义CSS文件，这里介绍一个CssRegistration的用法，在SharePoint页面的Head中加入:

 

< SharePoint:CssRegistration  name ="<% $SPUrl:~Site/CustormStyle.css%>"  runat ="server" />

其中,name为该CSS文件的地址。

    值得一提的是下面的DelegateControl控件动态加载了一个SiteMapDataSource，其中SiteMapProvider="SPNavigationProvider"才是真正的指定数据源，而后面的StartingNodeUrl="sid:1002"则定义了该站点导航栏的起始位置，注意左侧的导航栏的起始位置和顶部的就不一样。因为顶部的导航栏通常都是从SiteCollection开始的，而左侧的导航栏是从当前站点开始的。ok,就是说可以通过更改顶部导航栏的MaximumDynamicDisplayLevels来让顶部导航栏显示更多的级次，从而显示站点中定义的List , Document Libraries等。

   开发人员可以通过定义一个XMLDataSource，然后将ASPMenu的DataSourceID指向XMLDataSource的ID来实现自定义的导航栏。例如写一个XMLDataSource 如下。

< asp:Menu  DataSourceID ="DemoXmlDataSource"  ID ="DemoCustomMenu"  runat ="server"  

BackColor ="#F1F1F1"  DynamicHorizontalOffset ="2"  Font-Names ="Verdana"  ForeColor ="#990000"  

StaticSubMenuIndent ="0"  Orientation ="Vertical"  StaticDisplayLevels ="2"  ItemWrap ="true"  

MaximumDynamicDisplayLevels ="0" >  

< DataBindings >  

< asp:MenuItemBinding  DataMember ="siteMapNode"  NavigateUrlField ="url"  

TextField ="title"  ToolTipField ="description"  ValueField ="title"   />  

</ DataBindings >  

</ asp:Menu >  

< asp:XmlDataSource  DataFile ="sitemap.xml"  ID ="DemoXmlDataSource"  runat ="server"  XPath ="/*/*" ></ asp:XmlDataSource >  

其中sitemap.xml文件如下。

<? xml version="1.0" encoding="utf-8"  ?>  

< siteMap  xmlns ="http://demo/testsite/SiteMap"   >  

< siteMapNode  title ="CustomMenu"  url ="CustomMenu.aspx"  description ="Go To Custom Menu" >  

     < siteMapNode  title ="Menu Link 1"  url ="MenuLink1.aspx"  description ="Go To Menu Link 1"   />  

     < siteMapNode  title ="Menu Link 2"  url ="MenuLink2.aspx"  description ="Go To Menu Link 2"   />  

</ siteMapNode >  

</ siteMap >  

     同样开发人员可以在代码中控制导航栏控件，下面的代码DEMO了使用C#修改并添加了一个导航栏控件(其中SiteDemo为一个SPWeb对象)。

SPNavigationNodeCollection nodesDemo  =  siteDemo.Navigation.QuickLaunch; 

SPNavigationNode navDemoNode  =   new  SPNavigationNode( " Custom Menu " ,  " # " ,  false ); 

nodesDemo.AddAsFirst(navDemoNode); 

SPNavigationNode subnavDemoNode1  =   new  SPNavigationNode( " Menu Item 1 " ,  " http://demo:8001/ " ,  true ); 

nodesDemo[ 0 ].Children.AddAsFirst(subnavDemoNode1); 

SPNavigationNode subnavDemoNode2  =   new  SPNavigationNode( " Menu Item 2 " ,  " http://demo:8002 " ,  true ); 

nodesDemo[ 0 ].Children.AddAsFirst(subnavDemoNode2); 

siteDemo.Update();