Que font les options formatResult et formatItem dans JQuery Autocomplete?

Suis un peu confus, ici, ce qui ne l'formatResult et formatItem faire en JQuery Autocomplete plugin?

J'ai une fonction qui retourne une chaîne séparée par des virgules (à partir de Django), mais ma fonction d'auto-complétion est pas en mesure de diviser la chaîne en entrée/lignes, comment puis-je réaliser cela à l'aide de la saisie semi-automatique fonctions?

e.g le résultat ressemble à ceci et cela, ce que la saisie semi-automatique est :-
["un","oneTwo", "Onethree", "anotherOne"]

Je veux lors de l'affichage dans le champ de saisie semi-automatique pour l'avoir divisé comme ceci:-

one
oneTwo
Onethree
anotherOne

J'ai un sentiment que je peux utiliser le formatResult et formatItem mais je ne sais pas comment, il n'y a pas de bons exemples !!

mon code dans le template html:

 function autoFill(){
           $("#tags").autocomplete("/taglookup/", {
        width: 320,
        max: 4,
        highlight: false,
        multiple: true,
        multipleSeparator: " ",
        scroll: true,
        scrollHeight: 300
         });
       }

Suis en utilisant Dajango pour traiter la requête GET.

Gath

source d'informationauteur gath | 2009-04-10

18

formatItem formats un élément pour l'afficher dans la liste déroulante, tandis que formatResult formats de l'élément à afficher dans la boîte de dialogue une fois qu'il est sélectionné.

Par défaut, la saisie semi-automatique s'attend à obtenir des données à partir de l'url spécifiée formaté comme:
```
foo|bar|baz|bing
zaz|ding|blop|grok
```
où chaque ligne est une ligne de données, chaque ligne étant données qu'il transmet à la formatItem et formatResult. Vous voudrez peut-être prendre le chemin de moindre résistance et de données de retour dans la façon dont il aime.

Si vous souhaitez utiliser des données qui ne correspondent pas à la saisie semi-automatique hypothèses, vous aurez besoin d'utiliser l' (sans-papiers, autant que je puis dire) analyse option d'identifier une fonction pour analyser les résultats de votre requête ajax. Il me semble que votre django point de vue est de retourner un tableau plutôt que de retourner une chaîne formatée. Pour mettre en forme votre tableau comme jquery voudrais:
```
return HttpResponse('|'.join(your_array), mimetype='text/plain')
```
Voici un exemple de faire de la saisie semi-automatique à l'aide non-standard de saisie semi-automatique des données (JSON):
```
<script type="text/javascript"> 
  format_item = function (item, position, length){ 
    return item.title; 
  } 

 //Handle data from ajax request 
 prep_data = function(data){ 
   tmp = $.evalJSON(data); 
   parsed_data = []; 
   for (i=0; i < tmp.length; i++) { 
     obj = tmp[i]; 
     //Other internal autocomplete operations expect 
     //the data to be split into associative arrays of this sort 
     parsed_data[i] = { 
        data: obj , 
        value: obj.isbn13, 
        result: obj.title 
     }; 
   } 
   return parsed_data 
 } 

 $(document).ready(function(){ 
   $("#fop").autocomplete({ 
          url : "{% url book-search %}", 
          //undocumented 
          parse: prep_data, 
          formatItem: format_item, 
          }); 
 }) 

</script>
```

Je n'ai pas été en mesure d'obtenir formatMatch et formatResult de travail jusqu'à présent. Je travaille toujours sur la "bonne" façon de les utiliser. Cependant, comme une solution de contournement, vous pouvez utiliser l'analyse option comme suit. Juste pour être clair, dans cet exemple, formatItem et analyser sont fonctionnelles alors que formatResult et formatMatch ne sont pas fonctionnels.

jQuery(function(){
   $('#profile-tabs_addresses_grid_b_a_PostalCode').autocomplete
('http://test.mydomain.com/locality/postalcodes/', {
       minChars:1,
       delay:400,
       cacheLength:100,
       matchContains:true,
       max:10,
       formatItem:function(item, index, total, query){
           return item.PostalCode + ': ' + item.Region + ', ' +
item.City + ', ' + item.Country;
       },
       formatMatch:function(item){
           return item.PostalCode;
       },
       formatResult:function(item){
           return item.PostalCode;
       },
       dataType:'json',
       parse:function(data) {
                       return $.map(data, function(item) {
                               return {
                                       data: item,
                                       value: item.PostalCode,
                                       result: item.PostalCode
                               }
                       });
               }});
});

voici les données json qui revient à partir des données de l'url ( espaces
ajouté pour faciliter la visualisation ):

[
       {City:"St. Louis", Country:"USA", PostalCode:"63103", ID:3,
Region:"Missouri"},
       {City:"St. Louis", Country:"USA", PostalCode:"63109", ID:1,
Region:"Missouri"},
       {City:"St. Louis", Country:"USA", PostalCode:"63119", ID:2,
Region:"Missouri"}
]

Quand je tape un 6 dans la boîte code postal, il montre les trois options
correctement mis en forme:

63103: Missouri, St. Louis, USA
63109: Missouri, St. Louis, USA
63119: Missouri, St. Louis, USA

et lorsque je sélectionne une zone de texte reçoit juste les sélectionnés
le code postal.

Vous devez vous connecter pour publier un commentaire.