如何將多個值設置到客戶端人員選擇器

Question

我有一個人員選擇器列的列表，它需要多個輸入。我有一個使用內容編輯器Web部分創建的表單，其中我有一個客戶端人員選擇器如何設置多個值到客戶端人員選取器使用jsom

Answer 1

通常你定義客戶端的人HTML控制：

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

然後，你需要初始化。

正確初始化它，你需要確保這些Java腳本文件都加載：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"); 

Java初始化腳本控制代碼：

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); 
}