Discussion :

[M.K.P]

Bonjour à tous,

Je me tourne vers vous car je cherche à utiliser le widget autocomplete pour un site que je développe. Je rencontre néanmoins un problème lors de son utilisation lorsque le champ text sur lequel l'Autocomplete est censé agir est déjà rempli.

En effet, autocomplete ne semble alors plus trouvé que les résultats contenant la valeur du champ text, même après avoir effacé cette dernière.

Auriez-vous connaissance d'un problème similaire et sauriez-vous comment le résoudre ?

D'avance merci,
MKP.

P.S : Voici le code que j'utilise pour autocomplete :

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
$('input[type="text"][id*="AutocompleteTechnique"]').autocomplete({
                        source: 'ajax/index.php?fichier=1025',
                        delay: 350, 
                        minLength: 2,
                        focus: function( event, ui ) {
                            $(this).val( ui.item.label );
                            return false;
                        },
                        select: function( event, ui ) {
                            $(this).val( ui.item.label );
                            $(this).prev().val( ui.item.value );
 
                            return false;
                        }
                    })
                        .data( "autocomplete" )._renderItem = function( ul, item ) {
                            return $( '<li>' )
                                .data( 'item.autocomplete', item )
                                .append( '<a style="min-height: 80px; max-width: 345px;"><span style="float: left"><img src="images/' + item.icon + '" alt="Icone de ' + item.label + '" title="' + item.label + '" style="max-width: 60px; max-height: 60px; padding: 5px;" /></span></span>' + item.label + '<br><span style="font-size: small;">' + item.desc + '</span></span></a>' )
                                .appendTo( ul );
                        };

[danielhagnoul]

Bonsoir

Impossible de tester ce bout de code sans son contexte.

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
$('input[type="text"][id*="AutocompleteTechnique"]')
	.autocomplete({
		source: 'ajax/index.php?fichier=1025',
	    delay: 350, 
	    minLength: 2,
	    focus: function( event, ui ) {
	    	$(this).val( ui.item.label );
	        return false;
	    },
	    select: function( event, ui ) {
	    	$(this).val( ui.item.label );
	        $(this).prev().val( ui.item.value );
	        return false;
	    }
	})
	.data( "autocomplete" )._renderItem = function( ul, item ) {
	    return $( '<li>' )
	        .data( 'item.autocomplete', item )
	        .append( '<a style="min-height: 80px; max-width: 345px;"><span style="float: left"><img src="images/' + item.icon + '" alt="Icone de ' + item.label + '" title="' + item.label + '" style="max-width: 60px; max-height: 60px; padding: 5px;" /></span></span>' + item.label + '<br><span style="font-size: small;">' + item.desc + '</span></span></a>' )
	        .appendTo( ul );
	};

Je ne comprends pas la ligne en rouge, lien vers la documentation SVP.