People Picker JS Control not fetching all the users...

Question

Hi,
I am using Java Script people picker control. It fetching information for users but not all. I used following code block to get the control working. Why is not fetching all the users?? Where as OOTB people picker fetches same user. This does not make sense.
My environment is SharePoint online.  
// Run your custom code when the DOM is ready.
$(document).ready(function () {
// Specify the unique ID of the DOM element where the
// picker will render.
initializePeoplePicker('peoplePickerDiv');
// Render and initialize the client-side People Picker.
function initializePeoplePicker(peoplePickerElementId) {
// 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'] = '280px';
// 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.
this.SPClientPeoplePicker_InitStandaloneControlWrapper(peoplePickerElementId, null, schema);
Here is the link from Microsoft explaining it.
 How to: Use the client-side People Picker control in SharePoint-hosted apps: https://msdn.microsoft.com/en-us/library/office/jj713593.aspx
Appreciate any help or workaround here.
Thanks.

Answer 1

Hi,
In my case im usign customize people picker. it is better to use in delelopement since you have the control and customization.
I have used select2 (https://select2.github.io/examples.html) drop down control and create a people picker
You can use the same REST call to populate data.
function initApproversPicker(success, fail) {
            var data = { results: [] };
            var executor = new SP.RequestExecutor($$.getAppWebUrlUrl());
            executor.executeAsync(
  url: $$.getAppWebUrlUrl() + "/_api/web/siteusers",
  method: "GET",
  contentType: "application/json;odata=verbose",
  headers: { "Accept": "application/json; odata=verbose" },
  success: function (dt) {
      $.each(JSON.parse(dt.body).d.results, function (i, ele) {
          data.results.push({ id: ele.Id, text: ele.Title });
      executor.executeAsync(
           url: $$.getAppWebUrlUrl() + "/_api/web/sitegroups",
           method: "GET",
           contentType: "application/json;odata=verbose",
           headers: { "Accept": "application/json; odata=verbose" },
           success: function (dt) {
               $.each(JSON.parse(dt.body).d.results, function (i, ele) {
                   data.results.push({ id: ele.Id, text: ele.Title });
               $("#WFApprovers").select2({ data: data, multiple: true });
               if (success) {
                   success();
           error: function (d, errorCode, errorMessage) {
               if (fail) {
                   fail();
               utils.log(errorMessage);
  error: function (d, errorCode, errorMessage) {
      utils.log(errorMessage);
Melick Rajee http://melick-rajee.blogspot.com