次の方法で共有


バックログ ページにパネルを追加する

Azure DevOps Services

ここでは、ポートフォリオ バックログ、製品バックログ、イテレーション バックログのパネルとして、単純なHello World拡張機能を追加します。

ヒント

Azure DevOps 拡張機能 SDK を使用した拡張機能開発に関する最新のドキュメントを確認してください。

Azure DevOps Services ストーリーのバックログ ページでパネル拡張機能を開く

カスタム パネルは、マッピング パネルが選択されている場合に開くのと同じ空間で開きます。

Azure DevOps Services ポートフォリオ バックログ ページのパネル拡張機能

パネル拡張機能のターゲットとなるバックログには、ポートフォリオ バックログ、製品バックログ、イテレーション バックログの 3 種類があります。 アジャイル テンプレートの場合、この内訳は次のとおりです。 これはスクラムとCMMIの代表でもあります。 カスタム テンプレートについては、プロセスを参照して、どのバックログが要件またはポートフォリオ カテゴリであるかを確認してください。

バックログ パネルのコントリビューション ポイントの内訳

詳細については、「Azure DevOps Services拡張機能のサンプル」を参照してください。

拡張機能マニフェストを更新する

拡張機能マニフェスト ファイルを次のコードで更新します。

...
	"contributions": [
		{
			"id": "Fabrikam.HelloWorld.Backlogs.Panel",
			"type": "ms.vss-work-web.backlog-panel",
			"description": "Adds a 'Hello' panel to Product and Iteration backlog pages.",
			"targets": [
				"ms.vss-work-web.requirement-backlog-toolpane",
				"ms.vss-work-web.portfolio-backlog-toolpane",
				"ms.vss-work-web.iteration-backlog-toolpane"
			],
			"properties": {
				"title": "Hello Panel Pane",
				"name": "Hello Panel",
				"uri": "index.html",
				"registeredObjectId": "backlogPanelObject"
			}
		}
	],
	"scopes": [ 
		"vso.work" 
	]
... 

貢献

拡張機能内の各コントリビューションについて、マニフェストは

  • コントリビューションの種類 (この場合はバックログ パネル)
  • コントリビューション ターゲット (この場合の要件、ポートフォリオ、イテレーション バックログ)
  • および各種類のコントリビューションに固有のプロパティ。 パネルの場合は、
プロパティ 説明
title メニュー項目に表示されるヒント テキスト
name パネル選択のドロップダウンに表示される内容
uri パネルとして表示するページのパス (拡張機能のベース URI を基準に)
registeredObjectId パネルに登録されているオブジェクトの ID

拡張ポイントで拡張機能を追加できるすべての場所について説明します。

スコープ

拡張機能に必要 なスコープ を含めます。 この場合、作業項目にアクセスする必要 vso.work があります。

選択イベントを取得する

選択イベント (選択されている作業項目に関する情報) を取得するには、登録済みオブジェクトにこのインターフェイスを実装します。

...
	IContributedPanel {
		workItemSelectionChanged: (selectedWorkItems) => void;
	}
...

次の手順