SharePoint 2013 添加Ribbon菜单

原文:SharePoint 2013 添加Ribbon菜单

 

前言:今天,我们尝试一下添加SharePoint2013的Ribbon菜单,这个Ribbon菜单是由XML定义,JavaScript脚本来实现的,基本类似为:Feature添加的功能。下面,让我们看看它的实现过程吧:

1、新建空项目,用来添加我们的Ribbon,如下图;

2、指定调试站点和安全级别,我选择场的解决方案,有需要可以试试沙盒,如下图;

3、添加一个空元素,命名为“CustomerRibbon”,如下图;

4、修改Elements.xml,把Ribbon定义的xml添加进去,如下图;

5、Ribbon的Xml文件定义,如下表格,有几个值得注意的地方,Location属性,是添加Ribbon的位置,需要的话寻求msdn帮助即可,CommandAction属性是js脚本的位置,其他的相信大家看看就明白了;


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

<Elements xmlns="http://schemas.microsoft.com/sharepoint/">

<CustomAction Id="Ribbon.CustomGroup" RegistrationId="101" RegistrationType="List" Title="MyCustomerRibbon" Location="CommandUI.Ribbon">

<CommandUIExtension>

<CommandUIDefinitions>

<CommandUIDefinition Location="Ribbon.Documents.New.Controls._children">

<Button Id="Ribbon.Documents.New.Baidu"

Command="Baidu"

Image32by32="/_layouts/images/test/du.png"

LabelText="百度首页"

TemplateAlias="o1" />

</CommandUIDefinition>

</CommandUIDefinitions>

<CommandUIHandlers>

<CommandUIHandler

Command="Baidu"

CommandAction="javascript:window.open ('http://www.baidu.com') ;" />

</CommandUIHandlers>

</CommandUIExtension>

</CustomAction>

</Elements>

6、将我们的Xml元素,添加到ribbon功能中,如下图;

7、如果你想看看,添加的Feature是什么,可以看看清单,详细看看Feature的格式,或许你做过2007的Feature,会对这些更为了解,因为便捷的操作,让我们忽略原理;

8、部署以后的Feature功能,VS2012自动帮助我们部署到服务器上,并且自动激活,开发起来十分方便啊,如下图;特别的,我是选择site的Feature,也就是网站集级别的,所以要开启功能,在网站集功能里面;

9、看看Feature的功能展示,弹出百度首页,仔细看那个Feature,还是有模有样的呢,哈哈,如下图;

10、特别的,我把图片放到Layouts下,原本以为在15文件夹下,结果发现找不到,后来放到14文件夹下,才能访问到这张百度的图片,如下图;

注:通过测试这个Ribbon功能,发现和SharePoint 2010的开发,基本保持一致,所以大家如果找不到2013的资料,可以试着寻找下2010甚至2007的资料。

时间: 2024-10-26 04:52:23

SharePoint 2013 添加Ribbon菜单的相关文章

SharePoint 2013 自定义扩展菜单

在对SharePoint进行开发或者功能扩展的时候,经常需要对一些默认的菜单进行扩展,以使我们开发的东西更适合SharePoint本身的样式.SharePoint的各种功能菜单,像网站设置.Ribbon.列表里的下拉等等,都是一样原理的,都是XML+JS脚本实现的,如果想实现这些功能,只需要一个XML发布成Feature,并在网站功能启用,即可. 其实,关于这个并没有什么过多可以说的东西,大家在实践中,渐渐理解了.下面,我就举几个简单的例子,做一下简要说明. 项目结构 新建一个空白的ShareP

SharePoint 2013 自定义扩展菜单(二)

原文:SharePoint 2013 自定义扩展菜单(二) 接博文<SharePoint 2013 自定义扩展菜单>,多加了几个例子,方便大家理解. 例七 列表设置菜单扩展(listedit.aspx) 扩展效果 XML描述 <CustomAction Id="CustomAction1" Description="博客园-霖雨" Title="博客园-霖雨" GroupId="GeneralSettings"

SharePoint 2013中如何添加Ribbon菜单

今天,我们尝试一下添加SharePoint2013的Ribbon菜单,这个Ribbon菜单是由XML定义,JavaScript脚本来实现的,基本类似为:Feature添加的功能.下面,让我们看看它的实现过程吧: 1.新建空项目,用来添加我们的Ribbon,如下图: 2.指定调试站点和安全级别,我选择场的解决方案,有需要可以试试沙盒,如下图: 3.添加一个空元素,命名为"CustomerRibbon",如下图:

SharePoint 2013 初始化Ribbon选中Tab

SharePoint使用中,经常打开页面会有默认展开的Ribbon选项,有时这又不是我们需要的,所以我们就需要默认选中的项目,下面简单介绍下如何实现. 方法一 1.Dispform.aspx页面默认Ribbon为View视图: 2.最简单的方式就是添加参数(InitialTabId=Ribbon.Read),如下图: 方法二 1.编写一段脚本,在需要的页面上引用脚本,如下图: 2.脚本实现的效果,SelectRibbonTab设置选中选项卡,removeChild实现移除View选项卡,如下图:

SharePoint 2013自定义扩展菜单的例子

接上文:http://www.bianceng.cnhttp://www.bianceng.cn/web/sharepoint/201406/41934.htm 例七 列表设置菜单扩展(listedit.aspx) 扩展效果 XML描述 <CustomAction Id="CustomAction1" Description="博客园-霖雨" Title="博客园-霖雨" GroupId="GeneralSettings"

SharePoint 2013 入门教程

原文:SharePoint 2013 入门教程 以下文章是自己在学习SharePoint的过程中,不断积累和总结的博文,现在总结一个目录,分享给大家.这个博客也是自己从SharePoint入门,到一个SharePoint开发的成长记录,里面记录的都是成长的足迹.在学习的过程中,有过疑惑,有过放弃,有过懊恼,但是经过不断的积累和努力,还是收获颇丰.希望自己把学习过程中的点滴,分享给即将或者已经走入SharePoint的人们,给你们带来帮助. 当然,有些博客是参考其它人的总结,或者对于MSDN示例的

SharePoint 2013 Designer 自定义操作菜单

众所周知,我们在SharePoint的二次开发中,经常会添加ECB菜单或者Ribbon菜单,通常我们会采取Feature的方式去添加一个Xml,或者采取JavaScript的方式,当然,除此之外,还可以利用Designer添加这些自定义操作,而且更加方便:但是,这种操作还是有缺点的,就是只能添加链接(目前我只发现能添加链接). 内容很简单,截图加描述的方式分享给大家,希望对有需要的人有个参考,呵呵. 1.打开列表,切换选项卡到列表设置,如下图: 2.创建一个ListItem Menu,填写Nam

SharePoint 2013 操作文档库ECB菜单

在SharePoint的使用中,我们经常需要定制SharePoint的一系列菜单,这里就包括ECB菜单,下面,我们简单了解一下ECB菜单如何定制,以及原理. 1.正常情况文档库的ECB菜单如下图: 2.我们首先复制如下js,然后在页面上添加引用 <script src="/_layouts/15/CORE2.JS" type="text/javascript"></script> 3.隐藏查看/编辑属性: 效果如下图: 4.隐藏工作流 效果如

SharePoint 2013 隐藏部分Ribbon菜单

SharePoint的使用中,因为用户经常不愿意看到那些不经常使用的操作,我们经常需要定制Ribbon菜单, 更多时候不是隐藏所有,而是隐藏掉我们不需要的那些:下面,我们一列表为例,简单介绍下如何部分隐藏Ribbon菜单 1.默认情况下,List的Ribbon菜单有Item和List两个部分,如下图: 2.List的Ribbon菜单,List选项卡,这里面普通用户基本不需要: 3.创建解决方案,里面添加一个webpart,用来隐藏Ribbon菜单: 需要引用Microsoft.Web.Comma