Sortuj sugestie dotyczące typów z dokładnym wprowadzeniem na górę

Question

Używam Twittera typeahead.js 0.10.5 jako silnika sugestii. Działa wspaniale, z jednym wyjątkiem nie mogę uporządkować listy sugestii tak, jak chcę.

Jako przykład:

  var data =[{"id":1,"value":"no need"}, 
         {"id":2,"value":"there is no need"}, 
         {"id":3,"value":"in the need of"}, 
         {"id":4,"value":"all I need"}, 
         {"id":5,"value":"need"}, 
         {"id":6,"value":"needs"}, 
         {"id":7,"value":"all he needs"}, 
         {"id":8,"value":"he needs"}, 
         {"id":9,"value":"they need"}, 
         {"id":10,"value":"you need"}] 

      var suggestion = new Bloodhound({ 
       datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), 
       queryTokenizer: Bloodhound.tokenizers.whitespace, 
       local: data, 
       limit: 20 
       }); 

       suggestion.initialize(); 

       $('.typeahead').typeahead({ 
       hint: true, 
       autoselect: true, 
       highlight: true, 
       minLength: 1 
       }, 
       { 
       name: 'suggestion', 
       displayKey: 'value', 
       source: suggestion.ttAdapter(), 
       templates: { 
       empty: [ 
        '<div class="empty-message">', 
        'no suggestion in this map', 
        '</div>' 
       ].join('\n'), 
       suggestion: Handlebars.compile('<p><span class="suggestion-text">{{value}}</span></p>') 
       } 

Po wpisaniu „trzeba” zrobić się sugestie zamówionych przez pozycję w tablicy, ale chciałbym mieć to sortowane według danych wejściowych, co oznacza, że ​​kolejność powinna być „Need "," potrzebuje "," wszystko czego potrzebuję "... Kiedy wpisujesz" on ", powinno być" on potrzebuje "," wszystko czego potrzebuje "," wszystko czego potrzebuję "itd.

Wiem, że Bloodhound ma sorter opcja, ale nie wiem, jak go użyć w tej konkretnej sytuacji.

Answer 1

Chcesz coś według tych zasad. Spowoduje to przesunięcie dokładnego dopasowania do góry. Będziesz chciał kontynuować modyfikowanie kodu sortownika, aby obsługiwał ciąg znaków, białe spacje i sposób, w jaki chcesz, aby nie były doskonałe, ale ścisłe, aby były obsługiwane. Powinno się zacząć.

 var suggestion = new Bloodhound({ 
      datumTokenizer: Bloodhound.tokenizers.obj.whitespace('value'), 
      queryTokenizer: Bloodhound.tokenizers.whitespace, 
      local: data, 
      limit: 20, 
      sorter:function(a, b) { 

        //get input text 
       var InputString= $(Selector).val(); 

        //move exact matches to top 
       if(InputString==a.value){ return -1;} 
       if(InputString==b.value){return 1;} 

         //close match without case matching 
       if(InputString.toLowerCase() ==a.value.toLowerCase()){ return -1;} 
       if(InputString.toLowerCase()==b.value.toLowerCase()){return 1;} 

       if((InputString!=a.value) && (InputString!=b.value)){ 

         if (a.value < b.value) { 
         return -1; 
         } 
         else if (a.value > b.value) { 
         return 1; 
         } 
         else return 0; 
       } 
       }, 
      }); 

Answer 2

Aby posortować wszystkie mecze, których autorem jest bliskość do wejścia, można wziąć Levenshtein distance z a i b. Właśnie zaimplementowałem to używając fast-levenshtein i działa i działa świetnie.

 sorter: function(a, b) { 
      var input_string = $(selector).val(); 
      return levenshtein.get(a.key, input_string) - levenshtein.get(b.key, input_string); 
     }