Autocomplete : concaténation de valeurs

Bonjour,

J'utilise jquery-ui pour l'autocompletion d'un champ qui concatène 3 valeurs : nom de rue, ville, code postal.

Coté jquery, j'ai ainsi le code suivant :

Code:

---

1 2 3 4 5 6

$('input[name="evenement[nom]"]').autocomplete({ source: '/query_manager.php?ac_equipement=true', minLength: 3, select: function(event, ui) { } });

---

et coté PHP :

Code:

---

1 2 3 4 5 6 7 8

<?php $autocomplete = array();   $query = new LieuEquipementQuery(); foreach ($query->findByAutocomplete($get['term'], 10) as $equipement) { $autocomplete[] = implode(' ', $equipement); } echo json_encode($autocomplete);

---

Le problème que j'ai, c'est le "implode" écrit en PHP qui perd les informations sources pour les concaténer. Or, sur ma page HTML, j'ai par exemple le besoin simple de récupérer l'ID de l'enregistrement sélectionné, ou bien uniquement le nom de rue pour l'afficher quelque part, mais je ne vois pas comment faire.

Auriez-vous des idées ?

Bonjour bilbonec,

Je t'avoue que je ne comprend pas forcément très bien ton problème, mais je pense que la solution est ici:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

$('input[name="evenement[nom]"]').autocomplete({ source: function( request, response ){ $.ajax({ url: "/query_manager.php?ac_equipement=true", dataType: "json", data: { term: request.term }, success: function( data ) { response( $.map( data.equipements, function( item ) { return { label: item.rue + ' ' + item.ville + ' ' + item.cp, value: item.id } })); } }); }, minLength: 3, select: function(event, ui) { } });

---

Sachant que ton PHP devrait ressembler à quelque chose comme ça:

Code:

---

1 2 3 4 5 6 7

<?php $autocomplete = array();   $query = new LieuEquipementQuery(); $autocomplete['equipements'] = $query->findByAutocomplete($get['term'], 10); echo json_encode($autocomplete); ?>

---

Ainsi tu récupères les éléments de manière indépendante au niveau du javascript (id, rue, cp, ville, ...) et tu peux faire les traitements et les concaténation que tu souhaites au niveau du javascript du coup.


@++,

Marc
C'est bien ça que tu recherchais ?

C'est déjà beaucoup mieux (la vue se passe dans le code JS maintenant) !
Par contre, peut-on accéder dans la partie

Code:

---

1 2	select: function (event, ui)

---

à ces informations nom, codepostal, etc. ?

Il me semble en effet qu'on a accès aux informations dans la fonction select :

Code:

---

1 2 3 4

select: function (event, ui){ // ui.item.rue, ui.item.ville, ui.item.cp... }

---

Merci pour cette piste, c'était effectivement pas loin de la solution !
Après avoir tourné un peu autour de ce ui.item.value, il suffit en fait de surcharger les valeurs du return {} et de mettre toutes les données dont j'ai besoin :

Code:

---

1 2 3 4 5 6 7

return { label: item.rue + ' ' + item.ville + ' ' + item.cp, rue: item.rue, ville: item.ville, cp: item.cp }

---

Et du coup elles deviennent accessibles dans le select :

Code:

---

1 2 3 4

select: function (event, ui) { // ui.item.rue, etc. }

---

Ou bien même plus proprement :

Code:

---

1 2 3 4 5 6 7 8

return { label: item.rue + ' ' + item.ville + ' ' + item.cp, objet: item } select: function (event, ui) { // ui.item.objet.rue, etc. }

---

Merci pour toute cette aide qui m'aura bien rendu service !! Difficile de trouver sur le net une doc qui me permette de trouver cette solution moi-même.

Merci pour l'info,

Il me semblait bien l'avoir déjà fait, mais je ne me rappelais plus vraiment de la méthode...

Bonne continuation,

Marc