Discussion :

[bilbonec]

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 :

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

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 php :

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

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 ?

[marcbuils]

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 :

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

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 php :

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

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 ?

[bilbonec]

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 :

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

1
2
 
select: function (event, ui)

à ces informations nom, codepostal, etc. ?

[marcbuils]

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

Code :

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

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

[bilbonec]

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 :

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

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 :

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

1
2
3
4
 
select: function (event, ui) {
    // ui.item.rue, etc. 
}

Ou bien même plus proprement :

Code :

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

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.

[marcbuils]

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