SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作

摘要:
如前所述,我们将在SharePoint Designer 2010中自定义网站操作。在您的网站上,单击上的任何列表。首先,从显示表单的功能区开始,单击“自定义”,然后选择“显示表单功能区”。下一步,您可以看到用于创建自定义操作的弹出窗口。首先,返回sharepoint设计器2010,打开列表,并为其表单创建新的自定义操作。此示例的功能不够智能,无法在sharepoint 2010中触发三个连续的工作流。您的任务不存在,并且此工作流中没有数据绑定。在sharepointdesigner2010中自定义操作时,需要记住这一点。

SharePoint 2010 UI 定制化系列之如何使用SharePoint Designer 2010定制Ribbon UI操作 

在这篇文章,我们探讨一下在SharePoint Designer 2010定制动作这个很用的功能。
SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第1张

这篇文章讲的是在SharePoint Designer 2010定制动作的,因为他们都是做同样的事情,添加一个itme到Ribbon UI,只是应用不同的表单(View,Edit,New,and Display).

  首先,打开SharePoint Designer 2010备份网站,进入测试的网站,在网站操作下拉菜单,点击在SharePoint Designer编辑网站,


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第2张

现在我们打开SharePoint Designer,在你的窗口的左侧,导航》网站对象,点击列表和库


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第3张

你还可以看到一个置顶项在右边。


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第4张

如果你点击了,会展开所有的列表和库,同时在下方所有对象。
SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第5张

就像之前所说的,我们要在SharePoint Designer 2010定制网站操作.在你的网站上,点击任意一个列表在。在这个例子中,我们用一个任务列表来演示。

现在加载这个任务列表,我们不想使用窗口在右下角定制列表窗口,如果我们点击NEW按钮,我们可以自动创建一个定制的操作。但我们不想创建其他类型的定制操作,我们需要在Ribbon UI上使用定制操作菜单,它可以看到我们的我们的操作的定制操作菜单。


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第6张

在列表设置上,你点击Ribbon上的Custom Action ribbon.


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第7张

我们使用定制操作ribbon来创建我们自定义操作。首先,我们从显示表单的Ribbon开始,点击定制操作,选择显示表单 ribbon.


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第8张

接下来可以看到弹出一个创建定制操作的窗口。


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第9张

对于这个例子来说,可以填写名称,描述,选择操作类型,我们可以选择启动工作流,这个例子是创建一个简单的列表工作流,它可以发邮件给任务列表的所有者,转发到当前的用户,请求他们重新查阅和更新任务,并且返回一个链接到任务列表。

SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第10张

从下拉菜单中选择我们的工作流,选择我们的创建的Task Review Request.


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第11张

下面,如果我们我们要在窗口中滚动下来,我们可以指定32×32的图像,这样可以给button一个好看的图片。当然,如果选择16X16的图片会很小的。所以我找到了图片:/_layouts/images/centraladmin_systemsettings_email_32×32.png

你可以选择其他的图片。


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第12张

你可以看看这个高级部分,ribbon的位置自动定位于Ribbon.ListForm.Display.Manage.Controls._children,

这样很好,因为你确实不想要去记住这些东西,下面有一些可选的东西:

 

Form Name

Ribbon Location

Display Form

Ribbon.ListForm.Display.Manage.Controls._children

Edit Form

Ribbon.ListForm.Edit.Actions.Controls._children

New Form

Ribbon.ListForm.Edit.Actions.Controls._children

View Form

Ribbon.ListItem.Actions.Controls._children

当然这里你还要分配用户权限,不然也看不到这个定制的操作菜单。
SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第13张

当我们查看项目的时候,一个弹出窗口出来。我们可以在显示表单,上面找到我们的定制的菜单ico


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第14张

点击启动工作流
SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第15张

一旦启动了工作流初始表单。工作流开始
SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第16张

确定它真正的是在做这样的事情,可以检查列表项目,返回列表页面,在列表的菜单下拉中选择工作流查看,


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第17张

加载之后,可以看到,完整的工作流Task Review Request 工作流创建。


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第18张

接下来我们添加其他同样的定制操作到这个网站中。要先回到sharepoint designer 2010,打开列表,为他的表单创建新的定制操作。

唯一的变化就是我们是我们要给每个加上同样的名字。我们可以给每个表单命名同样的名字,但是我想在他们命名尾部展现他们之间的不同。

正如你所看到的,当我们选择不同的ribbon location的时候,我们可以得到一个自动的名字。


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第19张

从之前的步骤你可以创建这些额外的操作,当我们结束的时候,我们可以看到我们创建的操作列表:


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第20张

现在,回到sharepoint site和看看什么出现在UI上面。点击工具下的项目,你可以看到一个操作功能部分。你还可以看到查看项目定制操作在这里已经生效了。这样我们可以做什么呢?当然,可以用这个多项目选择功能来运行我们想要的操作。

首先,我们看看ribbion上的列表视图

SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第21张


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第22张

在上面这个图中,我们选择了多个项目,你可以想想,如果你尝试这样去做,这样就会发生错误。为什么呢?因为它只能对一个项目发生作用。这个例子的功能还不足够聪明在sharepoint 2010中触发三个连续的工作流。但它只选择一个项目的时候,可以很正常的工作。

下面,如果我们在任务列表上编辑的项目。


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第23张

我们可以看到我们定制的操作出现了:


SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作第24张

还有同样的,我们在创建新的项目的时候,可以看到我们定制的操作。


但是,虽然这个任务被创建了,直到你在这个新建项目表彰,点击保存,你却运行不了这个工作流。你的任务还没有存在,这个工作流还没有什么数据绑定,当你在sharepoint designer 2010定制操作的时候,这个是需要你记住。如果你尝试从你定制操作中运行你的工作流,你会得到这下面这个Runtime Error.


I just wanted to show you where this would appear, and that even though the Edit and New Forms use the same Ribbon Location (Ribbon.ListForm.Edit.Actions.Controls._children), they are actually bound to the individual forms themselves.

我只是想展现整个操作的过程,还有通过编辑和新建表单是使用同一个ribbon location的(Ribbon.ListForm.Edit.Actions.Controls._children)。但他们实际是绑定到它们自己单独的表单

 英文资料:http://www.endusersharepoint.com/2010/02/19/adding-custom-actions-to-the-ribbon-ui-in-sharepoint-2010-using-sharepoint-designer-2010/



免责声明:文章转载自《SharePoint 2010 UI 定制化系列之定制Ribbon UI操作: 如何使用SharePoint Designer 2010定制Ribbon UI操作》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇博客园样式美化PCIe固态存储和HDD常见的硬盘性能对比测试下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

IDEA创建Activiti工作流开发

一、 安装Activiti插件 1. 首先打开FIle的setting功能,搜索Plugins:    2. 输入actiBPM,然后点击搜索: 3. 点击安装、应用: 安装好之后点击apply(应用),之后重启idea 二、 创建Activiti工作流并导出流程图图片 1. 重启IDEA之后,点击File文件中的New下的BpmnFile:...

Java 三大主流 工作流 学习

之前听同学说,他们在用工作流,好奇,搜索了一下,查看和搜集了一番,摘抄入下:(来源于:gzRiven)  三大主流工作流引擎:Shark,osworkflow,jbpm!   Shark的靠山是Enhydra。Enhydra做过什么呢?多了!从j2ee应用服务器,到o/r mapping工具,到这个工作流引擎等等。   为什么Shark的持久层采用DODS...

快速开发框架jeesite

在详细介绍jeesite之前,先说下本人对它的看法, jeesite官方说法“高效、高性能、强安全性 完全于开源、JavaEE快速开发平台”;但是鄙人认为,说高性能并不十分确切。咱不说其他他的,就说简单的首页访问,就比较缓慢,后台响应速度也并不是很快。但是作为我这种刚出道的秋儿学习,确实绰绰有余,但是鄙人是金牛座,就是不能忍,目前正在尝试提高响应速度,后面...

SharePoint 2010中的沙盒解决方案(Sandboxed Solution)

当程序员使用Visual Studio 2010为SharePoint 2010创建应用程序时,可以创建两种类型的解决方案,服务器场解决方案和沙盒解决方案。比如,打开Visual Studio 2010,新建一个空白SharePoint项目,你看到的第一个界面就是如下这个对话框。 服务器场解决方案(或简称为场解决方案)和SharePoint 2...

informatica简易教程

一、环境配置1.informatica的元数据(账号、密码…)信息保存在Oracle上面2.Linux下在infa/bin里有informatica的启动脚本startup_infa.sh3.修改windows主机的hosts,地址C:WindowsSystem32driversetc添加192.168.68.128  infa到文件中,infa就是到时候...

WF Workflow 状态机工作流 开发

概述 工作流是对业务流程的建模,当我们设计工作流的时候,我们首先要分析业务处理过程中要经历的步骤。然后,我们就可以利用WF创建工作流模型来模拟业务的处理过程。 我们知道,WF包含两种类型的工作流:顺序工作流和状态机工作流。顺序工作流提供了一系列有组织的步骤,一般情况下,步骤是逐一执行的。可能有的步骤需要等待某些事件的发生才可以继续执行,但通常情况下顺序工作...