Set SharePoint's PeoplePicker value with jQuery

PeoplePicker and default values - not so easy in SharePoint.
So if you want a default value for a field you need to set it by your own, but how?


You can do it easily by using the little function below.
You can call it e.g. at document.ready.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
function fillUserField(fieldName, accountName) {
    // get the id of the top element
    var peoplePickerPersonTopId = $("div[id^='" + fieldName + "'][id$='ClientPeoplePicker']").attr('id');
    // fill the editor input with the account name (the hidden input will be filled automatically)
    $("input[id^='" + fieldName + "'][id$='ClientPeoplePicker_EditorInput']").val(accountName);
    // sp.js is necessary so make sure it is loaded
    ExecuteOrDelayUntilScriptLoaded(function (){
        // get a poplepicker object
        var peoplePickerOject = SPClientPeoplePicker.SPClientPeoplePickerDict[peoplePickerPersonTopId];
        // resolve the account name (this step filles the hidden input)
        peoplePickerOject.AddUnresolvedUserFromEditor(true);
    }, "sp.js");
}

Comments

Post a Comment

Popular posts from this blog

Refresh the User Information List in SharePoint

If you are going into the User Information List, you will sometimes see it is not up to date. There are two jobs (User Profile to SharePoint Quick Sync and User Profile to SharePoint Full Sync). The quick sync will only add new member into your list and somehow it does not work sometimes. So you need to trigger the full sync. The question is how.. there is no point in the UI to do so and not even PowerShell is able to start it. The good old stsadm will rescue us. There are two commands you need to execute in your SharePoint Managing Shell (as administrator).
More »

Get the mail address from a FieldUserValue Client Side vs Server Side

In SharePoint are two ways to code by using an object model. The one way is the Client-Side Object Modell (CSOM) and the other side is the Server-Side Object Model (SSOM). At the first look they both look the same the only difference is how the objects are looking for example the is the 'Site'-object (client side) is called 'SPSite' on server side. A good way to demonstrate the difference is to get the mailaddress of a userfield. That sounds easy, but needs more lines that I thought at first. So let's say you got a SharePoint 2013 and want to read the mailaddress on client side. That would look like this: 1 2 3 4 5 6 7 8 9 // get the userfield of the item e.q. Author FieldUserValue Author = (FieldUserValue)currentItem[ "Author" ]; // ask the web to find a user with the id in the field (only works if the user visited the site) var user = web.SiteUsers.GetById(Author.LookupId); // load the data with the context context.Load(user); context.ExecuteQue...
More »