var usr;
var contextDR;
var webDR;
$(document).ready(function ()
{
initializePeoplePicker('peoplePickerteamleaderDiv');
SP.SOD.executeFunc('sp.js', 'SP.ClientContext', getusername);
});
//initialize PeoplePicker div tag
function initializePeoplePicker(peoplePickerElementId)
{
var schema = {};
schema['PrincipalAccountType'] = 'User,DL,SecGroup,SPGroup';
schema['SearchPrincipalSource'] = 15;
schema['ResolvePrincipalSource'] = 15;
schema['AllowMultipleValues'] = true;
schema['MaximumEntitySuggestions'] = 50;
schema['Width'] = '222px';
this.SPClientPeoplePicker_InitStandaloneControlWrapper(peoplePickerElementId, null, schema);
}
//get plannedby user
function getusername()
{
contextDR = new SP.ClientContext.get_current();
webDR = contextDR.get_web();
usr = webDR.get_currentUser();
contextDR.load(usr);
contextDR.executeQueryAsync(Function.createDelegate(this, function () { usrsuccess(); }), Function.createDelegate(this, function () { usrfail(); }));
}
function usrsuccess(sender, args)
{
var a = usr.get_title() + ";";
var peoplePickerteamleaderDiv = this.SPClientPeoplePicker.SPClientPeoplePickerDict.peoplePickerteamleaderDiv_TopSpan;
peoplePickerteamleaderDiv.AddUserKeys(a);
}
function usrfail(sender, args)
{
}
body part:
<div id="peoplePickerteamleaderDiv"></div>
use this js reference:
_layouts/15/clienttemplates.js
_layouts/15/clientpeoplepicker.js
_layouts/15/clientforms.js
_layouts/15/autofill.js
_layouts/15/1033/strings.js