天天看点

使用SPD自定义MOSS导航

MOSS自带导航仅支持2级导航,而碰到一个需求要做成3 级导航,就只能自定义了 ,请先看修改后的页面

开始动手拉 

第一步创建 XML 文件

<?xml version="1.0" encoding="gb2312" ?>

<menu>

  <menuItem url="~/Default.aspx" title="简介"  description=""/>

  <menuItem url="~/News.aspx" title="新闻"  description="">

    <menuItem url="~/News.aspx" title="国内新闻"  description=""/>

    <menuItem url="~/News.aspx" title="国际新闻"  description="">

      <menuItem url="~/News.aspx" title="亚洲新闻"  description=""/>

      <menuItem url="~/News.aspx" title="欧洲新闻"  description=""/>

    </menuItem>     

  </menuItem>

</menu>       

第二步  上传 XML文件到需要自定义的网站

第三步  使用SPD添加XML数据源  

浏览到刚才上传的XML,点确定,添加数据源

第四步   插入 数据源 控件 

打开 默认母板页 ,在左边导航 空白处 ,插入 XML数据源控件 

第五步 修改 XML数据源 XPATH 路径

在刚才插入的XML 数据源控件上右击选择属性,修改XPATH 路径为 /*/*

第六部  修改 左边导航控件 ASPMENU 部分代码

在母板页代码中,找到左边导航 控件 代码  做 如下修改,

1 修改datasourceID属性为上文插入的XML数据源ID

2 插入 <DataBindings>   </DataBindings>  属性节

3 注意 StaticDisplayLevels   MaximumDynamicDisplayLevels    这2个属性设置

<SharePoint:AspMenu ID="CurrentNav" runat="server" datasourceID="SPXmlDataSource1" orientation="Vertical"

                                                StaticDisplayLevels="1" MaximumDynamicDisplayLevels="3" StaticSubMenuIndent="1" ItemWrap="true" AccessKey="3" CssClass="leftNav" SkipLinkText="<%$Resources:cms,masterpages_skiplinktext%>">

                                                        <LevelMenuItemStyles>

                                                                <asp:MenuItemStyle CssClass="leftNav1" />

                                                                <asp:MenuItemStyle CssClass="leftNav2" />

                                                                <asp:MenuItemStyle CssClass="leftNav3" />

                                                        </LevelMenuItemStyles>

                                                        <DataBindings> 

                                <asp:MenuItemBinding DataMember="menuItem" NavigateUrlField="url" TextField="title" /> 

                                <asp:MenuItemBinding DataMember="menuItem" NavigateUrlField="url" TextField="title" /> 

                               <asp:MenuItemBinding DataMember="menuItem" NavigateUrlField="url" TextField="title" />

                           </DataBindings>

                                                        <StaticHoverStyle CssClass="leftNavHover"/>

                                                        <StaticSelectedStyle CssClass="leftNavSelected"/>

                                                        <DynamicMenuStyle CssClass="leftNavFlyOuts" />

                                                        <DynamicMenuItemStyle CssClass="leftNavFlyOutsItem"/>

                                                        <DynamicHoverStyle CssClass="leftNavFlyOutsHover"/>

                                                </SharePoint:AspMenu>

第八步 SPD中切换到,设计视图 ,就能看到  导航已经被修改.

总结: 

     导航实际为一个 ASP.NET控件 MENU ,大家可以去查查有关此控件详细信息

    除了左边导航,顶部的全局导航,也可以同样方法定制,也可以为导航控件 绑定 其他的数据源.

     另,如果什么问题,欢迎大家指正 

原文地址:http://bbs.winos.cn/thread-40199-1-1.html