首页 > 代码库 > MOSS 2013研究系列---隐藏Ribbon

MOSS 2013研究系列---隐藏Ribbon

  我们在开发Sharepoint 2013 的时候,常常需要隐藏Ribbon,那个Ribbon是属于Office的特征,但是我们做门户的时候,大家都不希望看见到它,但是我们又离不开它,以管理的身份进行设计列表或文档库的时候,必须需要它,没有它的话,很多功能就无法实现了。基于以上背景需求,我们可以利用母版页里面的SPSecurityTrimmedControl控件,它的用途就是识别当前用户在网站的角色,有了它就比较好办了,我们找到Ribbon 的样式class,在自己的样式表中,我们隐藏掉它,当是管理员角色登录的时候,我们就显示出Ribbon,如下代码:

 

        <!--MS:<SharePoint:SPSecurityTrimmedControl runat="server" AuthenticationRestrictions="AuthenticatedUsersOnly" Permissions="AddAndCustomizePages">-->          <script type="text/javascript">           document.getElementById("s4-ribbonrow").style.display = "block";           document.getElementById("suiteBar").style.display = "block";          </script>        <!--ME:</SharePoint:SPSecurityTrimmedControl>-->

 

如此简单就解决了,其实还有好几个办法也能实现。

  Javascript的实现方案:

function ShowRibbon() {   $("#s4-ribbonrow").show();   $("#s4-workspace").height($(document).height() - $("#s4-ribbonrow").height() * 2);}function HideRibbon() {   $("#s4-ribbonrow").hide();   var newHeight = $(document).height();   if ($.browser.msie) {newHeight = newHeight - 3; }      $("#s4-workspace").height(newHeight);}_spBodyOnLoadFunctionNames.push("HideRibbon");


封装好JS文件,然后用VS开发工具,打包成解决方案包,直接部署就OK了。