今天，我們嘗試一下添加SharePoint2013的Ribbon菜單，這個(gè)Ribbon菜單是由XML定義，JavaScript腳本來實(shí)現(xiàn)的，基本類似為：Feature添加的功能。下面，讓我們看看它的實(shí)現(xiàn)過程吧：
1、新建空項(xiàng)目，用來添加我們的Ribbon，如下圖；
2、指定調(diào)試站點(diǎn)和安全級(jí)別，我選擇場(chǎng)的解決方案，有需要可以試試沙盒，如下圖；
3、添加一個(gè)空元素，命名為“CustomerRibbon”，如下圖；
4、修改Elements.xml，把Ribbon定義的xml添加進(jìn)去，如下圖；
5、Ribbon的Xml文件定義，如下表格，有幾個(gè)值得注意的地方，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是什么，可以看看清單，詳細(xì)看看Feature的格式，或許你做過2007的Feature，會(huì)對(duì)這些更為了解，因?yàn)楸憬莸牟僮鳎屛覀兒雎栽恚?/p>
8、部署以后的Feature功能，VS2012自動(dòng)幫助我們部署到服務(wù)器上，并且自動(dòng)激活，開發(fā)起來十分方便啊，如下圖；特別的，我是選擇site的Feature，也就是網(wǎng)站集級(jí)別的，所以要開啟功能，在網(wǎng)站集功能里面；
9、看看Feature的功能展示，彈出百度首頁，仔細(xì)看那個(gè)Feature，還是有模有樣的呢，哈哈，如下圖；
10、特別的，我把圖片放到Layouts下，原本以為在15文件夾下，結(jié)果發(fā)現(xiàn)找不到，后來放到14文件夾下，才能訪問到這張百度的圖片，如下圖；
注：通過測(cè)試這個(gè)Ribbon功能，發(fā)現(xiàn)和SharePoint 2010的開發(fā)，基本保持一致，所以大家如果找不到2013的資料，可以試著尋找下2010甚至2007的資料。
喜歡 
頂
難過
囧
圍觀
無聊
