Discussion :

[sylvain257]

Bonjour,

J'ai un souci avec cette classe. J'ai une collection de cartes dont l'identifiant unique est id_collection. request est l'appel à une API qui redescend la liste des collections, le container, c'est la div où j'aimerais que ça écrive, id_collection et collection sont des valeurs courantes telles qu'existantes dans la base de données.



Mon code instancié :

Code :

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

1
2
3
4
5
6
7
8
9
10
console.log($("#fd_collection"));
 
            var collection = new Collection({
              request : "metadata_collection.php",
              container:"#fd_collection",
              id_collection : e.features[0].properties.id_collection,
              collection: e.features[0].properties.nom_collection
            })
 
            collection.list();

Si je renseigne "container" dans l'instance de classe (comme présenté), cela ne fonctionne pas, ma liste déroulante n'est pas peuplée,

Si je renseigne "#fd_collection" directement dans la classe, cela fonctionne.

Je pensais à un problème lié au chargement du DOM mais le console.log en début de code, renvoie :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
jQuery.fn.init [select#fd_collection.collection_selection]
0
: 
select#fd_collection.collection_selection
length
: 
1
[[Prototype]]
: 
Object(0)
}

Est ce que qqun voit une solution à ce problème ?

Merci pour vos retours

Sylvain

[Toufik83]

Bonjour,

Est ce que vous mettez le code JS initialisant l'objet collection dans un contexte $(document).ready() ou $(function(){}) ?

Puis attention à l'option dataType d'ajax, "T" en majuscule..., et pourquoi vous utilisez complete au lieu de done ?

[sylvain257]

Oui l'objet est appelé dans une fonction qui elle-même est appelée avec $function.

Sinon j'utilise complete pour utiliser responseJSON, parfois success. J'utilise pas done, je connais pas trop ce truc là pour tout dire.
Dans le cas ci-dessous, ça ne fonctionne tjs pas... :/

[Toufik83]

Ok, donc le problème est au niveau du mot clé this à l'intérieur d'ajax, ça pointe sur la fonction de "success/complete" d'ajax elle même et pas sur la class Collection.

Si vous mettez un console.log("this container :",this.container) à l'intérieur de success ou complete, vous verrez que ça renvoie undefined.

Pour éviter ceci, rajouter l'option context:this dans les options d'ajax.

Code :

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

1
2
3
4
5
$.ajax({
....
...,
context:this
});

Ou bien utilisez une fonction fléchée pour success ou complete sans avoir a rajouter l'option context :

Code :

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

1
2
3
success:(data)=>{
  ....
}

[NoSmoking]

Bonjour,
deux choses :

#1 : merci de mettre le code, entre balises [CODE][/CODE], dans la discussion plutôt que des images. Il est ainsi plus facile de faire des copies de code pour test ou citation.

#2 : comme indiqué par Toufik83 c'est le même problème que celui soulevé dans ton autre discussion : [class JS] Return d'une valeur ....

[sylvain257]

Effectivement ça fonctionne, merci bcp :-)