Sharepoint学习笔记—Ribbon系列-- 5. 在Ribbon中添加新控件(针对用户自定义Tab)

    前面我们实现了向用户自定义的Tab中添加新的Group,并向其中创建了两个Button按钮。这里我们看看如何向这个已经创建好的Group中再另外添加新的Button控件(当然,你可以添加其它控件,实现思路是一样的)。

   
   下面 直接进入操作步骤  
    一、创建新的SharePoint 项目
    要添加新的控件到Ribbon中,应首先创建一个空白 SharePoint 项目。如下:

  

    把此方案设置成Farm解决方案
    然后在此项目中分别加入新的Feature与新的空白Element如下图


二、使用自定义操作中的功能区 XML 定义功能区自定义Button项
    方法是 打开 CustomRibbonButton下的Elements.xml 文件,其内容如下:   

<?xml version="1.0" encoding="utf-8"?>
<Elements xmlns="http://schemas.microsoft.com/sharepoint/">
    <CustomAction
      
Id="Ribbon.CustomTabExample.CutomImgGroup.AddButton"
      Location
="CommandUI.Ribbon"
      RegistrationId
="101"
      RegistrationType
="List"
      Title
="Add a Ribbon Button">
        <CommandUIExtension>
            <CommandUIDefinitions>
                <CommandUIDefinition
                  
Location="Ribbon.CustomTabExample.CutomImgGroup.Controls._children">
                    <Button Id="Ribbon.CustomTabExample.CutomImgGroup.NewImgRibbonButton"
                      Command
="CustomTabExample.NewRibbonImgButtonCommand"
                        LabelText
="Hello,New Img Group Button"
                            Description
="Says Hello,New ImgGroup Button!"
                            TemplateAlias
="cust4"
                            Sequence
="15"  />                    
                </CommandUIDefinition>
            </CommandUIDefinitions>
            <CommandUIHandlers>
                <CommandUIHandler
                  
Command="CustomTabExample.NewRibbonImgButtonCommand"
                  CommandAction
="javascript:alert('Hello,New Added Img Button world');" />
            </CommandUIHandlers>
        </CommandUIExtension>
    </CustomAction>
</Elements>

下面对其内容作如下说明: 
   首先我们要用上一篇介绍的确定Location的方法找到我们需要添加的Button应该添加在Ribbon的哪个位置。

   本例我们确定的位置就是Ribbon.CustomTabExample.CutomImgGroup  (格式是: [Ribbon].[Tab].[目标Group的名字].Controls._children),所以此处,Location就是:Location="Ribbon.CustomTabExample.CutomImgGroup.Controls._children"
新的Button的ID就成了Ribbon.CustomTabExample.CutomImgGroup.NewImgRibbonButton。

三、部署自定义Group项
     按 F5。Visual Studio 2010 中的 SharePoint 开发工具将自动构建和部署功能。
     转到网站或子网站中的文档库。
    单击“My Custom Tab”选项卡,查看“自定义组”,然后单击新添加的那个Buttonr按钮Hello,New Img Group Button,效果如下图


--

 

posted @ 2012-03-19 08:06  wsdj  阅读(1712)  评论(0编辑  收藏  举报