コード サンプル: 注釈

最終更新日: 2013年12月3日

適用対象: SharePoint Server 2010

注釈サンプルは、Visio Web Access Web パーツのプログラミングでのベスト プラクティスを示す、SharePoint 2010 SDK ダウンロード ファイル内の 3 つのサンプル JavaScript ファイルの 1 つです (SharePoint 2010 Reference: Software Development Kit (英語))。注釈サンプルは、Web 図面ページに注釈を付けるために、図形オーバーレイを使用する方法と図形ハイライトを使用する方法を示しています。サンプル コードは、コンテンツ エディター Web パーツに 4 つのリスト コントロールを追加し、注釈用の描画パラメーターをそこから選択できるようにします。また、選択したパラメーターを送信して注釈を描画するボタンも追加します。

以下は、SharePoint 2010 SDK に含まれる JavaScript のサンプルです。

  • 注釈サンプル ("Annotations")

  • カスタム エラー メッセージ サンプル ("Custom Error Messages")

  • マウス相互作用サンプル ("Mouse Interaction")

これらの JavaScript ファイルは、ユーザー自身の Web パーツ ページに使用することができます。SharePoint 2010 SDK では、それぞれのサンプルに使用方法を説明する簡潔な文書が提供され、またそれぞれのサンプルファイルのコードには詳細な説明コメントが含まれます。

SharePoint 2010 SDK およびサンプルのダウンロード

  1. 注釈サンプルを含む SharePoint 2010 Reference: Software Development Kit (英語) をダウンロードします。

  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. Annotations.js ファイルにコンテンツ エディター Web パーツをリンクします。

また、サンプル ダウンロードの一部である .png ファイルを, .vdw ファイルをコピーした先と同じドキュメント ライブラリにコピーするなど、サンプル ファイル内のコメントの手順に従う必要があります。

関連項目

概念

Visio Web Access Web パーツの Visio Web 図面のカスタマイズ

コード サンプル: カスタム エラー メッセージ

コード サンプル: マウス相互作用