JQuery Saisie semi-automatique suggérant seulement la première ligne

Question

Je fais des recherches en utilisant le plugin de saisie semi-automatique de JQuery et l'API de Google Maps. Ce que j'ai jusqu'ici est situé here. J'utilise Asp.net MVC pour générer la liste des correspondances d'adresses potentielles (limitées aux adresses US uniquement) et les présenter comme une liste délimitée par des tubes pour la saisie semi-automatique, qui est censée être .split les suggérant à l'utilisateur .

Voici le javascript:

$(document).ready(function() { 
     $("#address").autocomplete("/Address/Address/").split('|'); 
    }); 

Voici ce que Address/Address?q=3118 retourne:

Galax Dr, Statesville, NC 28677, US|State Highway S-46-148, Gastonia, NC 28052, US| 

Le problème que je vais avoir (en plus d'un IE seule erreur javascript têtu, que je vais te casser en une autre question), c'est que seul le premier résultat est suggéré.

This page affiche clairement deux résultats, mais en tapant "3118" dans la zone de texte produit seulement le résultat Galax Dr. Comment puis-je obtenir Automplete pour produire les deux résultats?

EDIT: nettoyer le code pour se débarrasser de cette ambiance "code de test"

EDIT: Moi-même fixé par le remplacement des tuyaux avec CRLF et la suppression split(). Nouveau javascript:

$(document).ready(function() { 
    $("#address").autocomplete("/Address/Address/"); 
}); 

Autocomplete est mon nouveau meilleur ami :)

Answer 1

Si vous souhaitez renvoyer une liste délimitée par des tubes, vous devez disposer d'une fonction de gestionnaire pour traiter le résultat. Quelque chose comme:

$("#address").autocomplete({source: function(request, response) { 
            $.ajax({ 
              url: "/Address/Address/", 
              data: request, 
              success: function(data) { 
               response(data.split('|')); 
              } 
              }); 
           } 
    }); 

Vérifiez la docs sur les trois façons d'interagir avec une source de données. Vous devez soit renvoyer json au lieu de données délimitées par des tuyaux ou utiliser un rappel.

Answer 2

En regardant le JavaScript au bas de la page, il semble que vous fractionnez la chaîne après que vous appelez autocomplete.

Ainsi, au lieu de

$("#example").autocomplete(data).split('|'); 

vous devez faire

$("#example").autocomplete(data.split('|')); 

C'est de regarder votre page en cours mais ... qui ressemble à un code de test. Il serait utile si vous avez posté le code complet avec lequel vous essayez de travailler.