Discussion :

[Anduriel]

Bonjour,

Pour générer automatiquement une liste de propositions j'utilise le script Tokenizing Autocomplete Text Entry.

Je l'ai adapté à ma sauce pour voir ajouter dynamiquement des entrées à la liste. Ajouter des élements dans un tableau n'est pas compliqué à la base, mais là je ne comprends rien (la programmation objet avec javascript n'est pas mon fort).

Donc, à l'initialisation de l'instance, je donne un tableau JSON url_or_data en paramètre et le script enregistre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
// url_to_data = "[{id: 0, name: 'nom'},{...}]";
settings.local_data = url_or_data;

où settings est défini par:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
var methods = {
    init: function(url_or_data_or_function, options) {
        var settings = $.extend({}, DEFAULT_SETTINGS, options || {});	
        return this.each(function () {
            $(this).data("tokenInputObject", new $.TokenList(this, url_or_data_or_function, settings));
        });
    },...

Là, j'ai voulu tenté un bête et méchant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

settings.local_data[id] = nouveau;

Mais je n'ai pas trouvé la bonne syntaxe.

Après si vous fouillez le code vous trouvez la méthode add:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
add: function(item) {
        this.data("tokenInputObject").add(item);
        return this;
    },

où item est [{id:X, name:'nouveau'}];
Mais idem, je n'arrive pas à manipuler data (je ne sais pas ce que c'est!) pour l'ajouter manuellement, ou appeler add() dans la classe directement...

Quelqu'un aurait-il une solution?
Merci

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

settings.local_data[id] = nouveau;

id est une clé, pas une variable, c'est donc

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

settings.local_data.id = nouveau;

qu'il faut utiliser, voire

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

settings.local_data['id'] = nouveau;

[Anduriel]

En effet ça fonctionne très bien merci, mais la liste n'est toujours pas mise à jour donc je dois finalement creuser ailleurs...

EDIT: en fait lorsque j'affiche la variable, ce que je viens d'ajouter par votre manière n'est pas considéré comme un objet.
Par exemple avant:

[object] => 0
[id] => 1
[name] => 'nom1'
[object] => 2
[id] => 2
[name] => 'nom2'

Après:

[object] => 0
[id] => 1
[name] => 'nom1'
[object] => 2
[id] => 2
[name] => 'nom2'
[id] => 3
[name] => 'nouveau'

Il faut surement que j'en fasse un objet.

[Anduriel]

Oh yeah, c'est bon:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

settings.local_data[settings.local_data.length] = item;

C'était la fin de semaine qui se faisait sentir!
Merci