2011-06-21 3 views
1

J'ai une méthode web page suivante:Comment utiliser le plugin JQuery Autocomplete avec les méthodes Page?

 [WebMethod] 
    public static string[] GetStoreIds(string beginWith) 
    { 
     var dataSource = new[] { "1", "12", "21", "31", "13", "23" }; 
     return (from storeId in dataSource 
       where storeId.Contains(beginWith) 
       select storeId).ToList().ToArray(); 
    } 

est-il posssible d'utiliser le plugin JQuery Autocomplete avec cela? http://docs.jquery.com/Plugins/autocomplete

J'ai une zone de texte qui devrait agir comme un événement onClientTextChanged de saisie semi-automatique.

Merci,

Répondre

0

Vous devez récupérer vos données à partir du serveur en utilisant Ajax

après que vous pouvez mettre vos données dans une variable par exemple appelé data

après que vous utilisez le plugin autocomplete de cette façon:

$("#example").autocomplete(data); 

here is another example on how to get call your webmethod using ajax

+0

À noter: $ ("# example"). Saisie semi-automatique ({source: data}); vous devez définir la propriété source avec le tableau de données auto complet que vous souhaitez utiliser – John

+0

Comment récupérer des données du serveur en utilisant AJAX !? – Sakthivel

0
$.ajax({ 
    url: url, 
    dataType: 'json', 
    data: data, 
    success: function(data){ 
    $("input").autocomplete({source:data}); 
    } 
}); 

<input /> 

utiliser un appel pour obtenir et JSON puis régler avec saisie semi-automatique, ne note que vous avez également besoin de l'interface utilisateur jquery comprennent

+0

http://jsfiddle.net/Yyn7v/ - voici un jfiddle avec un exemple rapide de saisie semi-automatique avec jquery UI – John

+0

ce qui devrait être l'url? c'est une méthode de page web pas une méthode de service web? –

0

Si vous utilisez l'interface utilisateur jQuery vous n'avez pas besoin pas d'Ajax. Vous pouvez simplement lui donner un tableau Javascript. Utilisez cette documentation: http://jqueryui.com/demos/autocomplete/

Questions connexes