SharePoint 2013 で JavaScript からユーザー選択ウィンドウ (PeoplePicker) を呼び出す

この記事は 2017/01/20 にはてなブログへ投稿した記事の転載です。

<SharePoint:PeopleEditor> を使用せず、JavaScript だけでダイアログを表示してユーザーを選択するサンプルをご紹介します。

https://github.com/karamem0/samples/tree/main/sharepoint-javascript-people-picker

実装内容は比較的簡単で、/_layouts/15/Picker.aspx を SP.UI.ModalDialog.showModalDialog で呼び出すだけです。戻り値として XML が返されるため、その内容を読み取ることで選択されたユーザーの情報を取得できます。

初期表示は次のようになります。

ユーザー選択のダイアログが表示されます。

ログイン ID だけでなく、表示名やその他のプロパティも取得できます。