Question

我有一个带有人员选择器列的列表，它带有多个输入。我有一个使用内容编辑器Web部件创建的表单，其中我有一个客户端人员选择器如何使用jsom将多个值设置到客户端人员选取器< / p>

Answer 1

通常您在HTML中定义客户端控件：

<div id="control" title="Users" spclientpeoplepicker="true"></div>

然后你需要初始化它。

要正确初始化，您需要确保加载了这些javascripts文件：autofill.js，clienttemplates.js，clientforms.js，clientpeoplepicker.js

JavaScript设置控制值代码：

使用函数AddUserKeys

自动验证实体

var userField = $("input[id$='ClientPeoplePicker_EditorInput']").get(0); // simplified user control search, real word scenario, first search proper row in your form
var peoplepicker = SPClientPeoplePicker.PickerObjectFromSubElement(userField);
peoplepicker.AddUserKeys("Login1"); // or display name
peoplepicker.AddUserKeys("Login2");

JavaScript初始化控制代码：

SP.SOD.loadMultiple(['autofill.js', 'clienttemplates.js', 'clientforms.js', 'clientpeoplepicker.js'], registerControls);

function registerControls() {
    initPeoplePicker('control');
}

function initPeoplePicker (id, user) {
    // Create a schema to store picker properties, and set the properties.
    var schema = {};
    schema['PrincipalAccountType'] = 'User'; //,DL,SecGroup,SPGroup';
    schema['SearchPrincipalSource'] = 15;
    schema['ResolvePrincipalSource'] = 15;
    schema['AllowMultipleValues'] = true;
    schema['MaximumEntitySuggestions'] = 50;
    schema['Width'] = '311px';

    // use code below to init controls with selected user   
    /*
    var users = new Array(1);
    var defaultUser = {};
    defaultUser.AutoFillDisplayText = user.Value;
    defaultUser.AutoFillKey = user.get_loginName();
    defaultUser.Description = user.get_email();
    defaultUser.DisplayText = user.get_title();
    defaultUser.EntityType = "User";
    defaultUser.IsResolved = true;
    defaultUser.Key = user.get_loginName();
    defaultUser.Resolved = true;
    users[0] = defaultUser;
    */

    // Render and initialize the picker.
    // Pass the ID of the DOM element that contains the picker, an array of initial
    // PickerEntity objects to set the picker value, and a schema that defines
    // picker properties.
    SPClientPeoplePicker_InitStandaloneControlWrapper(id, null/*users*/, schema);
}

如何将多个值设置为客户端人员选取器

1 个答案: