2010-09-15 8 views
1

Je regarde peut-être tout faux. Mais, j'essaie d'utiliser la saisie semi-automatique jquery ui.jquery ui autocomplete - comment?

Je veux lui passer une URL et il obtiendra les suggestions à partir de là.

mes questions sont
1: comment puis-je spécifier l'URL?
2: comment formater la réponse?

+2

ici est un exemple pleinement opérationnel ici en stackoverflow http://stackoverflow.com/questions/3700371/not-sure-how-to-use-the-jquery-ui-autocomplete –

+1

Cela n'aide pas? - http://jqueryui.com/demos/autocomplete/#remote –

+0

ah beaucoup mieux. Je regardais ici: http://docs.jquery.com/UI/Autocomplete – Hailwood

Répondre

3

Cela devrait vous aider à spécifier la partie URL.

Commencez par créer un champ de saisie auquel le plug-in de saisie semi-automatique sera rattaché. Ensuite, utilisez ce javascript pour associer la saisie semi-automatique à la boîte de saisie que vous venez de créer.

$("#query").autocomplete({ 
     source: "/suggestions/get/", 
     select: function(event, ui) { 
      $("#new-field").val(ui.item.value); 
     } 
    }); 

Le uri demande sera quelque chose comme ça ...

/suggestions/get/?term={selection} 

selection représente la sélection faite saisie semi-automatique.

Maintenant, sur votre serveur, vous devez analyser l'uri et utiliser la valeur du paramètre term pour faire ce que vous voulez - rechercher la base de données pour le choix sélectionné, ou autre chose.

Vous devez formater votre réponse comme ça ...

suggestion1 
suggestion2 
suggestion3 
suggestion4 

Les suggestions doivent être sur une nouvelle ligne (séparés par \n)

+0

Oui, mais à quoi ressemble la réponse côté serveur? Cela semble être non documenté et non échantillonné. –

+0

@pete - merci pour le conseil. Voir la réponse mise à jour – vikmalhotra

1

Sur la page d'interface utilisateur jquery vous avez une démo complète avec différents exemples, cela devrait suffire je pense. Here est l 'URL.

+0

-1 ceci est un commentaire. Si c'est une réponse, cela aurait réglé la question du PO. – Reigel

+0

@Reigel: les exemples sur cette page sont assez simples et ils résolvent les problèmes de l'utilisateur. Je ne sais pas pourquoi vous pensez que cela devrait être un commentaire. L'utilisateur ne connaissait pas cette URL et (selon son dernier commentaire) lui est utile. –

+1

@Claudio - J'ai reçu ce commentaire (et un downvote pour faire bonne mesure) de la part d'un modérateur de SO pour une réponse à moi. 'L'identification des doublons/répondre à la question avec d'autres URL devrait être fait avec un commentaire.' – vikmalhotra

Questions connexes