jquery base de données keypress autocomplete

Question

Je suis en train d'utiliser jquery plugin autocomplete, je le veux suggérer ItemCodes que les types d'utilisateurs ...

Le problème est son ne pas montrer boîte de saisie semi-automatique/cadre/....

Juste pour m'assurer que webmethod renvoie des données sur chaque événement keyup, j'ai assigné des données à un élément div, et cela fonctionne comme il se doit.

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     var strItmCodes; 

     $("#txtItmCode").keyup(function() { 
      var search; 
      search = $("#txtItmCode").val(); 

      if (search.length > 0) { 
       $.ajax({ 
        type: "POST", 
        url: "Journal.aspx/loadData", 
        contentType: "application/json; charset=utf-8", 
        data: "{'Like':'" + $('#txtItmCode').val() + "'}", 
        dataType: "json", 
        success: function(retval) { 
         strItmCodes = retval.d.split("|"); 

         $("#txtItmCode").autocomplete(strItmCodes); 
         $("#suggest").html(retval.d); //elemet 'suggest' is a div 
        } 
       }); 
      } 
     }); 
    }); 
</script> 

Modified

<script language="javascript" type="text/javascript"> 
    $(document).ready(function() { 
     //$("#txtItmCode").autocomplete({url: "Journal.aspx/loadData" }); 

     $("#txtItmCode").keyup(function() { 
      $("#txtItmCode").autocomplete({url: "Journal.aspx/loadData" }); 
     }); 
    }); 
</script> 

Answer 1

Je pense que vous devez activer le plugin autocomplete avant la première pression de touche, le plug-in va ajouter les gestionnaires d'événements.

En supposant que vous utilisez le plugin autocomplete d'origine:

$("#txtItmCode").autocomplete({url: "Journal.aspx/loadData"}); 

Et assurez-vous de service peut répondre à la demande GET formatée par le plug-in.