如何:在 SharePoint 2010 中隐藏功能区(Rajeswari Mohandas)

Categories: Other
Tags: No Tags
Comments: No Comments
Published on: 2012 年 06 月 08 日

[原文发表地址] How to: Hide the Ribbon in SharePoint 2010 (Rajeswari Mohandas)

[原文发表时间]  2012-04-30 16:41

在这篇文章中,您会学习到如何使用 JavaScript在 SharePoint 2010 中隐藏功能区。

关于SharePoint 2010 中的功能区

SharePoint 2010 功能区提供了一个与Microsoft Office 客户端产品相似的用户体验。功能区是一个工具栏,它显示在最顶部来提供最常用的工具、 控件和命令。

功能区的层次结构组织如下图 (见图 1 和图 2)所示:

  • 文本标记组-文本选项卡能够让您在一定文本内提供一套用户界面 (UI) 控件。例如,当您在文档中选择一个表时,这将会显示一组选项卡来对表进行操作。当取消选择表时,文本选项卡就会隐藏起来。类似的文本选项卡被组织在文本选项卡组中,那样您在一个组中可以有多个选项卡。
  • 选项卡— — 选项卡用于组织相关的控件组。例如,插入选项卡控件能够使您将各种对象插入到文档中,例如文件、 表、 图像,等等。
  • — 组用于组织相关的控件。例如,字体组、 样式组、 文档视图组,等等。
  • 控件— — 按钮、 下拉列表控件、单选按钮和其他控件,让您可以从功能区中执行单个任务。

功能区可以有多个选项卡, 选项卡可以有多个组,组可以有多个控件。

1功能区选项卡和组

Figure1

2功能区文本选项卡组和控件

Figure2

SharePoint 2010 中隐藏功能区

有多种方法可以在 SharePoint 2010 中隐藏功能区。例如:

  • 当发布一个网站模板 (你应使用公共站点) 时, 在站点操作的下拉菜单中有一个显示/隐藏功能区的选项。
  • 通过使用Security Trimmer控件。Security Trimmer控件可以放置在母版页上的功能区中,然后它会基于用户权限而有条件地隐藏功能区。在下面的示例中,用户没有管理权限,因此将不能看到功能区。您可以根据要求来更改PermissionString属性值。

<SharePoint:SPSecurityTrimmedControl PermissionsString="ManagePermissions" runat="server">

<div id="s4-ribbonrow" class="s4-pr s4-ribbonrowhidetitle">

</div>

</SharePoint:SPSecurityTrimmedControl>

  • 使用自定义代码。可以使用JavaScript来 在SharePoint 2010中显示或隐藏功能区。

创建 javascript 脚本来隐藏功能区

在本节中,您将创建一个包含JavaScript 代码的文件来在加载网站和网页时显示或隐藏功能区。然后在 Microsoft Visual Studio 2010中创建一个空的 SharePoint 2010 项目,然后将 JavaScript 文件添加到其中。下一步,您引用母版页中的 JavaScript 文件。最后部署和测试的解决方案。

创建 JavaScript 文件

  1. 打开记事本。
  2. 将下面的 JavaScript 代码添加到该文件中,然后将它保存为custom.js.
   1: function ShowRibbon() {

   2:  

   3:    $("#s4-ribbonrow").show();

   4:  

   5:    $("#s4-workspace").height($(document).height() - $("#s4-ribbonrow").height() * 2);

   6:  

   7: }

   8:  

   9: function HideRibbon() {

  10:  

  11:    $("#s4-ribbonrow").hide();

  12:  

  13:    var newHeight = $(document).height();

  14:  

  15:    if ($.browser.msie) {newHeight = newHeight - 3; }

  16:  

  17:       $("#s4-workspace").height(newHeight);

  18:  

  19: }

  20:  

  21: _spBodyOnLoadFunctionNames.push("HideRibbon");

创建空的 SharePoint 2010 项目

  1. 启动 Microsoft Visual Studio 2010。
  2. 文件菜单上,指向新建,然后单击项目.
  3. 新建项目对话框的窗口中,在已安装的模板区域中,单击Visual C#,单击SharePoint,然后单击2010.
  4. 在项目项中单击空的 SharePoint 项目
  5. 名称框中,键入RibbonDemo ,然后单击确定.
  1. 在 SharePoint自定义向导中,键入您要在此例中所使用的本地网站 (例如, http://localhost/SampleWebSite).
  2. 至于信任级别,选择作为farm解决方案部署,然后单击完成.
  3. 解决方案资源管理器中,右键单击RibbonDemo项目名称, 指向添加, 然后单击现有项目.
  4. 导航到您先前创建的 JavaScript 文件(custom.js),然后单击添加.
  5. 当创建 Visual Studio 项目时,打开 SharePoint 2010 设计器到您所指定的网站。
  6. 打开网站主页面 ;添加下面的代码,然后再保存它。

<SharePoint:ScriptLink language="javascript" name="RibbonDemo/jquery-1.6.4.min.js" runat="server"/>

<SharePoint:ScriptLink language="javascript" name="RibbonDemo/custom.js" runat="server"/>

部署和测试的解决方案

  1. 解决方案资源管理器, 右击RibbonDemo项目名称,然后单击部署.
  2. 启动IE,然后浏览到你之前所指定的网站。当加载网页时就隐藏了功能区。

这篇文章讨论了 SharePoint 2010 功能区,以及如何通过使用 JavaScript 来隐藏它。您可以在下列地方找到有关在这里讨论的主题的详细信息。

No Comments - Leave a comment

Leave a comment


Welcome , today is 星期六, 2017 年 02 月 25 日