前言：今天，我們嘗試一下添加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的資料。