Google Closure: Définition dynamique de l'entrée pour la saisie semi-automatique

Question

La bibliothèque Javascript de Google Closure (GC) facilite la création d'une interface de saisie semi-automatique, comme le montre cette démo - http://closure-library.googlecode.com/svn/trunk/closure/goog/demos/autocomplete-basic.html. Fondamentalement, tout ce que nous avons à faire est de définir un tableau et de le transmettre comme l'un des paramètres. J'aimerais pouvoir mettre à jour le tableau dynamiquement et que la saisie semi-automatique affiche les modifications immédiatement.

Par exemple, s'il y a deux tableaux

list1 = ["One", "Two", "Three"] 
list2 = ["1", "2", "3"] 

et une saisie semi-automatique a été initialisé en utilisant list1,

var suggest = new goog.ui.AutoComplete.Basic(list1, document.getElementById('input'), false); 

comment puis-je mettre à jour la saisie semi-automatique existante (suggérer) d'utiliser liste2?

Answer 1

Il n'existe pas d'API publique pour cela. Vous pouvez créer une sous-classe avec une méthode qui modifie la variable matcher_ protégée comme ceci:

this.matcher_ = new goog.ui.AutoComplete.ArrayMatcher(list2, false); 

Si vous souhaitez mettre à jour dynamiquement à partir d'une source distante, utilisez goog.ui.AutoComplete.Remote.

Answer 2

Voici ce que j'utiliser pour être en mesure de mettre à jour le tableau avec l'Auto de base complète

/** 
* Set the post data for the matcher. 
* @param {string} content Post data. 
*/ 
goog.ui.AutoComplete.Basic.prototype.setContent = function(content) { 

    this.matcher_.setContent(content); 
}; 
/** 
* Set the post data. 
* @param {string} content Post data. 
*/ 
goog.ui.AutoComplete.ArrayMatcher.prototype.setContent =function(content) { 
    this.rows_ = content; 
    this.content_ = content; 
}; 

alors de votre code que vous appelez suggest.setContent (myarray) chaque fois que vous souhaitez mettre à jour le liste

Answer 3

obtenir d'abord la matcher en utilisant getMatcher(), puis définissez les nouvelles lignes en utilisant le setRows(newRows).