Selectize Ajax Callbacks

Question

La liste déroulante que j'ai sur la page est remplie à partir d'un appel AJAX via ce qui suit. Ce qui ne fonctionne pas, c'est que je dois exécuter du code supplémentaire juste après l'invocation de la méthode callback(), mais cela ne se poursuit jamais dans le reste du rappel. Par exemple, ce qui suit dans le rappel de succès ne fonctionne pas le code supplémentaire identifié:

var $ddl = $("#ContactID"); 
var control = $ddl[0].selectize; 

control.load(function() { 
    $.ajax({ 
     url: "validURL", 
     type: "post", 
     dataType: "json", 
     data: { 
     id: recordID 
     }, 
     error: function() { 
     alert("Error retrieving data"); 
     callback(); 
     }, 
     success: function (result) { 
     callback(result.data); 
     //Does not get called below 
     loadAdditionalInformation(recordID); 
     } 
    }); 
}); 

Cependant, si je le fais, cela fonctionne:

success: function (result) { 
     window.setTimeout(function() { 
      callback(result.data); 
     }, 0); 

     loadAdditionalInformation(recordID); 
} 

Je dois appeler une méthode à la pointez la liste est chargée, donc je ne suis pas sûr que je veux continuer avec cela, alors pourquoi le callback de succès abandonner après l'appel de méthode callback().

Answer 1

load attend deux paramètres, query et callback.

$('#ContactID').selectize({ 
     .... 
     load : function (query, callback) { 
     $.ajax({ 
      .... 
      success : function(res) { 
        callback(res.data); 
        doOtherThings(res); 
      } 
     }); 
     } 
}); 

Votre code ne passe aucun de ces paramètres, il est donc très probablement pas que lorsque success() est appelée, la fonction callback() est définie. Je suggère de mettre le point d'arrêt et de l'inspecter.