代码示例：批注

  • 项目

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

适用范围： SharePoint Server 2010

"批注"示例是 SharePoint 2010 SDK 下载文件（SharePoint 2010 参考：软件开发工具包（该链接可能指向英文页面））中的三个示例 JavaScript 文件中的一个，这些示例文件演示对 Visio Web Access Web 部件进行编程的最佳实践。"批注"示例演示如何通过两种方式为 Web 绘图页添加批注：使用形状覆盖和形状突出显示。在内容编辑器 Web 部件中，该示例添加四个列表控件，以使用户能够选择批注的绘图参数。它还添加一个按钮，以允许用户提交其选择并绘制批注。

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

  • "批注"示例

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

  • "鼠标交互"示例

您可以在自己的 Web 部件页上使用这些 JavaScript 文件。SharePoint 2010 SDK 为每个示例提供了一个用于说明其使用方法的简短文档，并且每个示例文件中的代码均包括大量说明性注释。

下载 SharePoint 2010 SDK 和示例

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

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

安装"批注"示例

在下载 SharePoint 2010 SDK 并提取该示例后，请完成下面的过程。该 SDK 中的在 Visio Web Access Web 部件中自定义 Visio Web 绘图主题详细介绍了这些过程。

  1. 创建或打开包含若干形状的现有 Visio 绘图，将其另存为 .vdw 文件并保存到文档库中。

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

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

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

还应按照示例文件的注释中的说明操作，其中包括将属于下载示例一部分的 .png 文件复制到已向其中复制了 .vdw 文件的同一文档库。

请参阅

概念

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

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

代码示例：鼠标交互