如何填充PeoplePicker控件？

Question

我正在尝试使用Javascript来填充Sharepoint 2013中的PeoplePicker控件：

name="Engineer"
var ppDiv=$("[id$='ClientPeoplePicker'][title='"+name+"']");
console.log(ppDiv.html());
var ppEditor=ppDiv.find("[title='"+name+"']");
var spPP=SPClientPeoplePicker.SpClientPeoplePickerDict[ppDiv[0].id];
ppEditor.val("Abc, Xyz");
spPP.AddUnresolvedUserFromEditor(true);

有两个问题:在赋值语句之后ppDiv仍然没有定义，SPClientPeoplePicker也没有定义；根据this article的说法，它是由clientpeoplepicker.js定义的，这是一个应该加载到每个具有人员选择器的页面上的脚本。

编辑：

我将代码更改为：

name="Engineer"
var ppDiv=$("div[title='"+name+"']");
console.log(ppDiv.html());
var ppEditor=ppDiv.find("[title='"+name+"']");
var spPPD=SPClientPeoplePicker.SpClientPeoplePickerDict;
console.log(spPPD[0]);
var spPP=spPPD[ppDiv[0].id];
ppEditor.val("Abc, Xyz");
spPP.AddUnresolvedUserFromEditor(true);

现在定义了ppDiv (如成功出现在控制台日志中的超文本标记语言所示)，但它在var spPPD=SPClientPeoplePicker.SpClientPeoplePickerDict;行上崩溃，并显示以下错误：

Uncaught ReferenceError: SPClientPeoplePicker is not defined

Answer 1

这就是我是如何做到的。使用fieldName作为人员选择器的列标题，使用userAccountName作为用户登录名/声明的最后一部分。

需要指出的一件事是，它必须是一个客户人员选择器。据我所知，sharepoint在自定义表单中默认使用服务器端人员选择器，因此请确保它真的是一个客户端人员选择器。

function SetAndResolvePeoplePicker(fieldName, userAccountName) {

var controlName = fieldName;

var peoplePickerDiv = $("[id$='ClientPeoplePicker'][title='" + controlName + "']");

var peoplePickerEditor = peoplePickerDiv.find("[title='" + controlName + "']");

var spPeoplePicker =   SPClientPeoplePicker.SPClientPeoplePickerDict[peoplePickerDiv[0].id];

peoplePickerEditor.val(userAccountName);

spPeoplePicker.AddUnresolvedUserFromEditor(true);

//disable the field

spPeoplePicker.SetEnabledState(false);

//hide the delete/remove use image from the people picker

$('.sp-peoplepicker-delImage').css('display','none');

}

Answer 2

我发现如果我在调用代码之前添加了500-700ms的延迟，我没有得到这个错误：

​

window.setTimeout(function() {
      SetAndResolvePeoplePicker("PickerFieldName", "emailAddress@company.com");
      }, 750);

    function SetAndResolvePeoplePicker(fieldName, userAccountName) {
      var controlName = fieldName;
      var peoplePickerDiv = jQuery("[id$='ClientPeoplePicker'][title='" + controlName + "']");
      var peoplePickerEditor = peoplePickerDiv.find("[title='" + controlName + "']");
      var spPeoplePicker = SPClientPeoplePicker.SPClientPeoplePickerDict[peoplePickerDiv[0].id];
      peoplePickerEditor.val(userAccountName);
      spPeoplePicker.AddUnresolvedUserFromEditor(true);
    }

​