SharePoint 2013 添加Ribbon菜單圖文教程

SharePoint 2010協(xié)同工作(AutoSPInstaller for SharePoint 2010)最新版

• 類型：辦公軟件大小：61KB語言：英文 評分：3.3
• 標簽：

立即下載

今天，我們嘗試一下添加SharePoint2013的Ribbon菜單，這個Ribbon菜單是由XML定義，JavaScript腳本來實現(xiàn)的，基本類似為：Feature添加的功能。下面，讓我們看看它的實現(xiàn)過程吧：

1、新建空項目，用來添加我們的Ribbon，如下圖；

2、指定調(diào)試站點和安全級別，我選擇場的解決方案，有需要可以試試沙盒，如下圖；

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自動幫助我們部署到服務器上，并且自動激活，開發(fā)起來十分方便啊，如下圖；特別的，我是選擇site的Feature，也就是網(wǎng)站集級別的，所以要開啟功能，在網(wǎng)站集功能里面；

9、看看Feature的功能展示，彈出百度首頁，仔細看那個Feature，還是有模有樣的呢，哈哈，如下圖；

10、特別的，我把圖片放到Layouts下，原本以為在15文件夾下，結(jié)果發(fā)現(xiàn)找不到，后來放到14文件夾下，才能訪問到這張百度的圖片，如下圖；

注：通過測試這個Ribbon功能，發(fā)現(xiàn)和SharePoint 2010的開發(fā)，基本保持一致，所以大家如果找不到2013的資料，可以試著尋找下2010甚至2007的資料。