jquery ui autocomplete, difficulté à personnaliser le menu avec _renderItem = function ( ul, item )
Bonjour,
Je commence à avoir un autocomplete plutôt sympa, mais j'aimerai maintenant personnaliser les éléments de mon menu, à terme y ajouter une petite image. Après plusieurs essais, recherche, je n'arrive pas à utiliser "_renderItem = function ( ul, item )".
Voici la dernière version de mon code :
Code:
1
2
| <script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script> |
Code:
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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| $(function(){
$('#fos_user_registration_form_ville').autocomplete({
source : Routing.generate('l2_geo_town_ajax', {}),
minLength : 3,
appendTo : "#ville",
response : function(event, ui){
var lt;
var lg;
lt = parseFloat(ui.content[0].lt);
lg = parseFloat(ui.content[0].lg);
console.log(lt);
console.log(lg);
var map = new GMaps({
el: '#map',
lat: lt,
lng: lg
});
console.log(JSON.stringify(ui));
console.log(JSON.stringify(lt));
console.log(JSON.stringify(lg));
for(var i = 0; i < ui.content.length; i++){
map.addMarker({
lat : ui.content[i].lt,
lng : ui.content[i].lg,
label : (i+1) + "",
animation: google.maps.Animation.DROP,
});
}
console.log(ui.content.length);
map.fitZoom();
},
select : function(event, ui){
$('#fos_user_registration_form_idville').val(ui.item.id);
},
});
.autocomplete("instance")._renderItem = function ( ul, item ) {
alert();
console.log(item.id);
return $( "<li>" )
.append( "<div>" + item.value + " " + item.id + "</div>" )
.appendTo( ul );
};
}); |
ce dernier code est directement inspiré de l'exemple de la doc officiel https://jqueryui.com/autocomplete/#custom-data
avec ce code j'ai l'erreur suivante :
SyntaxError: expected expression, got '.'
J'aimerai avoir de nouvelles pistes de recherche et des informations sur le fonctionnement de _renderItem car je n'ai pas réussi à trouver grand chose là dessus.
Merci.
