Exemples d'auto-complétion jQuery UI

Question

J'espère que quelqu'un pourra vous aider, j'ai du mal à faire en sorte que l'autocomplétion de jQueryUI fonctionne avec ajax dans une application asp.net (pas MVC). Je peux l'obtenir pour faire l'appel ajax mais je ne fais pas quelque chose de bien gérer la réponse. Juste pour les débutants j'essaye d'avoir l'autocomplete faire un appel d'ajax à 'GetSuggestions.aspx' qui retournera une chaîne codée en dur. Je l'ai où il va faire l'appel à GetSuggestions.aspx mais je ne peux pas l'obtenir pour retourner quelque chose à la page. (Ma prochaine étape serait d'avoir 'GetSuggestions.asxp' retourner une liste de paires nom/valeur, mais je vais aborder cela ensuite).

J'utilise l'exemple d'ici: http://jqueryui.com/demos/autocomplete/#remote à l'exception de l'utilisation de « source: "GetSuggestions.aspx"(au lieu de "search.php")

Answer 1

1.write les logiques de GetSuggestions. asmx (webservice) au lieu de GetSuggestions.aspx 2.Prenez votre méthode public static return_type functionname (arglist) {} dans GetSuggestions.asmx 3.Referrez votre service Web dans votre code.

<script type="text/javascript"> 
$(function() { 
    function log(message) { 
     $("<div/>").text(message).prependTo("#log"); 
     $("#log").attr("scrollTop", 0); 
    } 

    $("#birds").autocomplete({ 
     source: "GetSuggestions.asmx", 
     minLength: 2, 
     select: function(event, ui) { 
      log(ui.item ? ("Selected: " + ui.item.value + " aka " + ui.item.id) : "Nothing selected, input was " + this.value); 
     } 
    }); 
}); 
</script> 

si votre service Web réside dans le répertoire racine. Sinon vous pouvez utiliser la boîte à outils de contrôle ajax (si vous le souhaitez)

Merci.

Answer 2

Je cherchais quelque chose de similaire et cet exemple devrait aider TextBox AutoComplete with ASP.NET and jQuery UI

Answer 3

Un problème commun XML retour (pas sûr avec JSON) de la page Aspx est la première Entrez (NewLine) comme premier caractère si vous faites pas mettre la première ligne du XML dans la même que les directives page.

Mauvaise façon:

<%@ Page Language="VB" ... %> 
<?xml version="1.0"?> 
<MOResponse> 
    <Id_Banco>MyBank</Id_Banco> 
    <Id_Status>1</Id_Status> 
    <Status>Success</Status> 
</MOResponse> 

chemin droit:

<%@ Page Language="VB" ... %><?xml version="1.0"?> 
<MOResponse> 
    <Id_Banco>MyBank</Id_Banco> 
    <Id_Status>1</Id_Status> 
    <Status>Success</Status> 
</MOResponse> 

Answer 4

j'ai écrit un WebControl Asp.Net enveloppant le widget autocomplete JQuery UI. Vous pouvez le trouver, ainsi que la documentation, à l'adresse suivante:

http://autocompletedotnet.codeplex.com/

L'espoir peut aider