Utilisation de Typeahead

Version imprimable

Salut à tous,

je sèche sur un problème et je ne trouve pas de solution.

J'ai le code suivant :
Code:

1 2 3 4 5 6 7 8 9 10 11 $(".typeahead").typeahead({ name : 'resultArticle', remote : { url: '/ajax/articles?query=%QUERY', filter: function(data) { var resultList = data.aaData.map(function (item) { return item.name; }); return process(resultList); } }
Le Json est bien renvoyé, mais rien ne s'affiche, j'ai mis un alert dans le function qui n'est pas levée.

Quelqu'un aurait une idée du problème ?

Merci d'avance

07/09/2013, 10h46
NoSmoking

Bonjour,
pas tout saisi mais peut être que cette lecture t'aidera
Un classique AJAX : utiliser les données au bon moment !

Bonjour

Je suggère d'utiliser avec $.map() :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$( ".typeahead" ).typeahead( {
     "name" : "resultArticle",
     "remote" : {
          "url" : "/ajax/articles?query=%QUERY",
 
/*
* filter – A function with the signature filter( parsedResponse ) that transforms 
* the response body into an array of datums. 
* Expected to return an array of datums.
*
* http://api.jquery.com/jQuery.map/
*/
          "filter : function( data ){
              var resultList = $.map( data.aaData, function( item ){ 
                   return item.name;
           });
 
           return process( resultList );
     }
}

09/09/2013, 14h58
shadeoner

Merci pour vos réponses !

Je viens de tester et malheureusement pas mieux ...

J'ai ajouté un alert("test"); dans le filter pour voir, ça ne fonctionne pas non plus, le filter n'est pas appelé.

PS : je viens d'ajouter la notification par email, j'étais super impatient d'avoir des réponses et je pensais que la notif était déjà activé ! Je serais donc plus réactif à répondre :)
10/09/2013, 11h49
shadeoner

Je me suis rendu compte que la div générée par typeahead ne comportait pas de style. J'ai donc ajouté.

Mais cela ne change pas mon problème, je tourne en rond, vraiment personne ne voit le problème ?