通过

代码示例：鼠标交互

  • 项目

上次修改时间： 2013年12月3日

适用范围： SharePoint Server 2010

"鼠标交互"示例是 SharePoint 2010 SDK 下载文件（SharePoint 2010 参考：软件开发工具包（该链接可能指向英文页面））中演示对 Visio Web Access Web 部件进行编程的最佳实践的三个示例 JavaScript 文件之一。"鼠标交互"示例演示如何为与鼠标相关的各种 Visio Web Access 事件声明事件处理程序，以及发生这些事件时如何对其进行处理。它在用户在 Visio Web 绘图中执行的鼠标操作（例如进入形状、离开形状或更改所选形状）的内容编辑器 Web 部件中显示通知。

此 SharePoint 2010 SDK 中包括的 JavaScript 示例如下所示：

  • "批注"示例

  • "自定义错误消息"示例

  • "鼠标交互"示例

您可以在自己的 Web 部件页上使用这些 JavaScript 文件。SharePoint 2010 SDK 为每个示例提供了说明如何使用它的简短文档（本主题便是其中一个），并且每个示例文件中的代码包括大量说明性注释。

下载 SharePoint 2010 SDK 和示例

  1. 下载 SharePoint 2010 参考：软件开发工具包（该链接可能指向英文页面），其中包括"自定义错误消息"示例。

  2. 安装 SDK 时，包含示例的压缩文件 (.zip) 将默认安装在路径 C:\Program Files (x86)\Microsoft SDKs\SharePoint 2010\Samples\Visio Services 中。您可以将示例解压缩到所选的文件夹位置。

安装"鼠标交互"示例

安装示例之前，您必须按照本文中介绍的说明下载 SharePoint 2010 SDK 并解压缩示例。然后，完成以下每个过程，在此 SharePoint 2010 SDK 的在 Visio Web Access Web 部件中自定义 Visio Web 绘图这一主题中对其进行了详细说明：

  1. 创建或打开现有的包含几个形状的 Visio 绘图，然后将其作为 .vdw 文件保存到文档库中。

  2. 在 Microsoft SharePoint Server 2010 中创建 Web 部件页并向该页中添加 Visio Web Access Web 部件。

  3. 向同一页中添加内容编辑器 Web 部件。

  4. 将该内容编辑器 Web 部件链接到 MouseInteraction.js 文件。

另外，您应遵循示例文件的注释中的其他说明。

请参阅

概念

代码示例：批注

代码示例：自定义错误消息

在 Visio Web Access Web 部件中自定义 Visio Web 绘图