转:http://www.360sps.com/Item/UseTopLink.aspx

在SharePoint 2010环境的页面中,导航链接总体上可以分为两类,一类是显示在左侧的快速启动栏,另一类就是显示在顶部的全部导航链接栏。这两种导航只支持2级菜单项,如果需要显示更多层次的导航菜单项,则就需要自定义开发了。

SharePoint 2010系统的页面采用了母版页MasterPage技术,使用页面和布局很好的形成统一的风格,且每个页面上的导航可以使用统一的导航菜单项,如果导航项在某处做了修改则会影响整个使用此母版页的网页。

在SharePoint2010整个架构中共有两个导航区域:快速启动(QuickLanuch)和顶部链接栏(TopNavigationBar)。这两个导航区域也可以使用对象模型开发定制。

快速启动(QuickLanuch)在SharePoint 2010环境中的位置和样子如图1所示:

图1

在图1中用粗线框起来的区域就是快速启动导航区域,其中蓝色呈现的为第一级导航,其下为第二级导航,SharePoint的快速启动栏只支持二级导航显示。

而顶部链接栏导航区域如图2所示:

图2

在图2中用粗线框住的就是顶部链接栏,在此链接栏上可以添加自定义的内部导航和外部导航,也叫做全部导航栏,主要用来显示跨网站链接的。

上面的这两种导航都可以通过“网站设置”的“导航”页面来定制,如图3所示:

图3

在图3中可以添加、删除、编辑“全局导航”和“当前导航”,我们首先来看如何使用全局导航(顶部链接栏)的,如果要添加一级全局导航,则在图3中选中“全局导航”,然后点击工具栏上的“添加标题”或“添加链接”,这两者的区别是:如果创建的是“标题”,则可以是链接,也可以是文件夹,在文件夹下还可以再创建链接,但只能创建一级的链接,文件夹下是不能再创建文件夹的。如果创建的是“链接”,则必须是能链接到某个网址的地址。下面我们一一演示,在图3中点击“添加标题”,如图4所示:

图4

在图4的“标题”中输入一个名称,“URL”为空,点击“确定”按钮,如图5所示:

图5

在图5中如果将鼠标放在新建的导航上是没有链接的,因为此时SharePoint已经确定刚才创建的导航为文件夹了,在此文件夹下就可以再创建一个链接了,如图6所示:

图6

在图6中由于我们创建的是链接,所以URL是不能为空的,而在图4中我们创建的是标题,所以可以为空。在图6的URL中输入一个有效的URL,也可以点击后面的“浏览”按钮选择URL,如图7所示:

图7

在图7中只能选择SharePoint系统中列表、库、网站的URL。如图8所示:

图8

如图8所示,我们创建的二级导航已经显示出来了,SharePoint2010环境中也只能创建二级的导航。如果硬是在第二级导航上再创建“标题”或“链接”,则会直接被强制移到顶级导航上。

如果要在全局导航上创建链接,则在图3中的工具中点击“添加链接”,如图9所示:

图9

虽然图9创建的是一级导航链接,但是是不能在此链接下再创建链接和文件夹的。如图10所示:

图10

上面是全局导航的设置,而快速启动导航的设置就是图3的“当前导航”,同样也是可以创建标题和链接的。

如果要删除或编辑某个导航,则在图3中选中导航的名称,然后点击工具栏上的“删除”或“编辑”即可。也可以点击“上移”和“下移”来对导航进行排序。

SharePoint 2010的“全局导航”和“当前导航”支持“自动排序”和“手动排序”,默认为“手动排序”,如果选择“自动排序”则可以按“标题”、“创建日期”、“上次修改日期”字段来排序,如图11所示:

图11

在图11的“自动排序”栏中可以在“排序依据”下拉框中选择排序字段,并还可以选择是按升序排序还是降序排序。

SharePoint 2010顶部链接导航栏的详细操作的更多相关文章

  1. 更改SharePoint 2010 顶部导航为下拉菜单样式

      更改SharePoint 2010 顶部导航为下拉菜单样式 最后的效果图: 假如一个网站集顶级站点下面有子网站:sub site1,该子站点下面又有两个子站点:sub site1_1,sub si ...

  2. SharePoint 2010 隐藏快速启动栏之使用内容编辑器webpart

    SharePoint 2010 自带的webpart里有一个叫内容编辑,在媒体和内容分类里面: 将其添加到页面后效果: 点击用于添加新内容,此时注意Ribbon菜单中的变化: 这里可以看到,你可以插入 ...

  3. SharePoint 2010 列表查阅项栏的formfield控件对象取值

    开发的时候想当然的认为主表解析出来就是一个dropdownlist,可是在大数据测试的时候,发现有情况. 首先创建一个子列表:DetailList,并添加19条数据: 创建主列表:MainList,并 ...

  4. 04 uni-app框架学习:禁用顶部原生导航栏

    1.在pages.json中配置 比如要首页禁用 就在首页这个选项里 加上这几句代码 2.效果如下

  5. crm2011js子网格导航栏字段事件操作

  6. 根据权限显示隐藏SharePoint 2010快速启动栏的链接

    转:http://www.360sps.com/Item/ShowAndHiddenLink.aspx 在SharePoint 2010的快速启动栏中可以根据权限来显示或隐藏列表.库.网站的链接,如果 ...

  7. SharePoint 2010 + 左侧导航(Left Nav Bar)二级菜单的修改

    SharePoint 2010 + 修改左侧导航类似顶部导航菜单的样式 查找aspmenu的控件,ID为“V4QuickLaunchMenu”,修改分别将属性“StaticDisplayLevels” ...

  8. iOS开发笔记13:顶部标签式导航栏及下拉分类菜单

    当内容及分类较多时,往往采用顶部标签式导航栏,例如网易新闻客户端的顶部分类导航,最近刚好有这样的应用场景,参考网络上一些demo,实现了这种导航效果,记录一些要点. 效果图(由于视频转GIF掉帧,滑动 ...

  9. Bootstrap<基础十七>导航栏

    导航栏是一个很好的功能,是 Bootstrap 网站的一个突出特点.导航栏在您的应用或网站中作为导航页头的响应式基础组件.导航栏在移动设备的视图中是折叠的,随着可用视口宽度的增加,导航栏也会水平展开. ...

随机推荐

  1. iOS afnetworking最新版报错 没有AFHTTPRequestOperationManager类了

    今天开了一个小项目   用的是pod   然后  安装好 Afnetworking之后   发现 AFHTTPRequestOperationManager  这个类没有了  ,百度之后  发现 原来 ...

  2. C++ Union妙用(将列表初始化用于数组元素)

    Union是个不被注意的关键字,意为联合体,这是个诡异的名字.若不是为了继承C语言,它也不会出现在C++中(虽说,union在C++中得到了扩充,完成了接近类的功能).它的作用主要是节省内存空间,在嵌 ...

  3. Codeforces Round #299 (Div. 1)

    Problem A: 实际上对于一段数字假设和为k,每次取较大的m个进行t次减一操作,最多减去的是min(m*t,k). 明白了这个结论就可以直接二分答案了. #include <bits/st ...

  4. SQLite学习第02天:数据类型

    参考资料:http://www.w3cschool.cc/sqlite/sqlite-data-types.html 在SQLite中,数据类型的概念看起来很模糊,刚开始接触感觉跟C语言提供的数据类型 ...

  5. SQL Proc(存储过程)/tran(事物)

    存储过程好比C#方法 1.事物写在过程里面,直接调用存储过程 1.1没有参数的过程 /*transaction事物,procedure存储过程*/ create proc CopyTable_1_10 ...

  6. php checkbox复选框值的获取与checkbox默认值输出方法

    php获取 checkbox复选框值的方法,checkbox在php读取值时要用数组形式哦,我们读取这些值用php post获取是以一个array形式哦. php获取 checkbox复选框值的方法 ...

  7. kindeditor编辑器代码过滤解决方法.

    很多朋友在使用Kindeditor编辑器的时候都会遇到这样一个问题,如:给A标签加上title属性过后,浏览的时候,却神奇般地发现title属性没有了.再次切换html源代码的时候,返现编辑器将tit ...

  8. zzuli oj 1165 实数的小数部分(指针专题)

    Description 读入一个实数,输出该实数的小数部分,小数部分若多余的末尾0,请去掉.如输入111111.12345678912345678900  则输出0.12345678912345678 ...

  9. LinkedHashMap和HashMap的比较使用(转载)

    LinkedHashMap和HashMap的比较使用 ? import java.util.HashMap; import java.util.Iterator; import java.util.L ...

  10. Computer Talker with C# z

    Using the Code Add a textbox named 'txtWords' to a form. Add a button named 'btnSpeak' to a form. Ad ...