Discussion :

[devlm]

bonjour,

j'utilise ui autocomplete dans sa version simple et j'essai à présent de l'utiliser dans une version plus complexe, en recherchant des personnes à partir d'un id_client repris depuis le formulaire.

voici mon javascript

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
23
24
25
26
27
28
29
30
31
32
33
//Autocomplete interlocuteur client
		$("#nom_interlocuteur").autocomplete({
			source: function( request, response ) {
                    $.ajax({
                        url: "action_recherche.php",
                        datatype: "json",
                        data: {
							term: request.term,
                            cas: '6',                        
                            id_contact: $('#id_contact').val(),
                            maxRows: 15
                        },
                        success: function(data){
						response($.map(data, function(item) {
												return {
													label: item.id,
													value: item.value
												}
											}));
					  }
					});
				  },
                minLength: 1,
                select: function(event, ui) {
                    $('#id_interlocuteur').val(ui.item.id);
                }
		})
		.data( "autocomplete" )._renderItem = function( ul, item ) {
					return $( "<li></li>" )
				.data( "item.autocomplete", item )
				.append( "<a>" + item.value + " - " + item.fonction + "</a>" )
				.appendTo( ul );
		};

Je ne parviens pas à savoir ce qu'il faut mettre dans success > response car je ne l'utilisais pas avant, mais il semble obligatoire en utilisant cette version, que faut-il indiquer pour

label: item.id
value: item.value

Merci.

[danielhagnoul]

Bonsoir

Je ne parviens pas à savoir ce qu'il faut mettre dans success > response car je ne l'utilisais pas avant

Ha ! Je ne vois pas comment on peut exploiter un UI Autocomplete sans utiliser la réponse ?

Bien entendu, cela dépend de la structure et du contenu de data : success: function( data ){.

[devlm]

voici le contenu de ma réponse php

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
				$str=str_replace(' ','* +',$_GET['term']);
				$str=$str.'*';
 
				$return_arr = array();
				$resx=query("SELECT * FROM contacts_interlocuteurs WHERE MATCH (nom,prenom) AGAINST ('".$str."' IN BOOLEAN MODE) AND id_contact='".$_GET['id_contact']."' ORDER BY nom,prenom ASC");		
				while($rowx=fetch($resx))
				{
					$row_array['id'] = $rowx['id'];
					$row_array['fonction'] = utf8_encode(stripslashes($rowx['fonction']));
					$row_array['value'] = utf8_encode(stripslashes($rowx['nom']." ".$rowx['prenom']));
 
					array_push($return_arr,$row_array);
				}
 
		/* Toss back results as json encoded array. */
	echo $return_arr;

[devlm]

voici ce que je retourne à mon autocomplete après saisie de quelques caractères :

[{"id":"18","fonction":"","value":"MEUNIER Jacqueline"}]

[devlm]

Bonjour,
c'est résolu, j'ai réussi à trouver une fonction plus simple :

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
		//Autocomplete interlocuteur client
		$("#nom_interlocuteur").autocomplete({
		  source: function(request, response) {
			$.getJSON("action_recherche.php", { term: request.term, cas:'6', id_contact: $('#id_contact').val() }, 
					  response);
		  },
                minLength: 1,
                select: function(event, ui) {
                    $('#id_interlocuteur').val(ui.item.id);
                }
		})
		.data( "autocomplete" )._renderItem = function( ul, item ) {
					return $( "<li></li>" )
				.data( "item.autocomplete", item )
				.append( "<a>" + item.value + " " + item.fonction + "</a>" )
				.appendTo( ul );
		};