Sortier-UI-Autocomplete-Ergebnisse basierend auf der match-Position

Möchte ich Sortiere meine jQuery-UI-Autocomplete-Ergebnisse basierend auf dem in der string-match Auftritt. Die Ergebnisse, wo das match ist der erste Buchstabe sollte priorisiert werden über die Ergebnisse in dem das Spiel ist in der Mitte der Zeichenfolge.

Einer Suche nach "M" zurückkehren sollte:

Matt, Michael, Sam, Tim, Adam, Benjamin

Statt, da es nur die Rückgabe der Gegenstände in alphabetischer Ordnung jetzt, ich bin immer diese:

Adam, Benjamin Matt, Michael, Sam, Tim

Leider, es sieht aus wie Autocomplete UI nicht alle Optionen, die für etwas wie das zu tun, sondern es präsentiert die Ergebnisse in der Reihenfolge in der er Sie empfangen hat. Mit MySql zu tun haben, die Sortierung ist keine option, da alle möglichen Spiele sind vorinstalliert, so dass ich nicht telefonieren, um die Datenbank mit jedem Tastenanschlag. Hat jemand so etwas gemacht?

InformationsquelleAutor blim8183 | 2011-11-28
  1. 16

    Können Sie einen beliebigen lokalen Filterung Logik, die Sie möchten, indem Sie die source option eine Funktion anstelle von einem einfachen array. Hier ein kurzes Beispiel, das die Grundlagen von, was Sie wollen:

    var source = ['Adam', 'Benjamin', 'Matt', 'Michael', 'Sam', 'Tim'];
$("input").autocomplete({
    source: function (request, response) {
        var term = $.ui.autocomplete.escapeRegex(request.term)
            , startsWithMatcher = new RegExp("^" + term, "i")
            , startsWith = $.grep(source, function(value) {
                return startsWithMatcher.test(value.label || value.value || value);
            })
            , containsMatcher = new RegExp(term, "i")
            , contains = $.grep(source, function (value) {
                return $.inArray(value, startsWith) < 0 &&
                    containsMatcher.test(value.label || value.value || value);
            });

        response(startsWith.concat(contains));
    }
});

    Beispiel: http://jsfiddle.net/zkVrs/

    Grundsätzlich die Logik ist der Aufbau einer array an übereinstimmungen ein, die mit den Begriff, und dann verketten, dass mit den spielen, die den Ausdruck enthalten, aber Sie starten nicht mit ihm.

    Leistung könnte hier ein problem, vor allem mit der $.inArray nennen. Vielleicht eine bessere Art und Weise zu erreichen, dass Teil, aber ich hoffe das wird Ihnen ein guter Ausgangspunkt.

    • Ah, das macht Sinn. Hier ist meine variation auf Ihre Idee: source: function(request, response){ var Ergebnis = jQuery.ui.AutoVervollständigen.filter(Daten, anfordern.Begriff); results = Ergebnisse.sort(Funktion(a, b){ return a.Titel.toLowerCase().indexOf(request.Begriff.toLowerCase()) - b.Titel.toLowerCase().indexOf(request.Begriff.toLowerCase()); }); Reaktion(Ergebnisse.slice(0,10)); }
    • Yep, das wäre definitiv auch funktionieren und schneller sein
    • Oi, gibt es eine Möglichkeit zum formatieren von code in Kommentaren? Das ist fast nicht lesbar froh, dass Sie könnte versuchen Sie es zu entziffern. Vielen Dank für Ihre Hilfe!
    • Sichere Sache! Verwenden Sie einfach den backtick (`)
    • ah ok, thx nochmal
    • Aber das scheint nicht zu funktionieren für mehrere Werte, jQuery autocomplete.??
    • Ich bin mir nicht sicher, ich habe es nicht geschrieben mit dem Gedanken im Kopf. Es könnte sein, lohnt sich die Eröffnung noch eine Frage, wenn Sie Probleme haben.
    • Hier ist der link zu der Frage, die sich auf mehrere Wert-jQuery-autocomplete - stackoverflow.com/questions/14784794/...
    • Das passt perfekt, funktioniert Prima für mich, vielen Dank, sir. 🙂
    • Froh, dass es geholfen hat!
    • können Sie das beantworten, dass eine ähnliche Frage stackoverflow.com/questions/38857001/...\
    • dein code funktioniert nicht, wenn die Anfrage Begriff wird nicht gefunden, weil indexOf wird -1 zurück, und daher der Begriff wird immer am Anfang. Also änderte ich es auf diese Weise : results = results.sort(function(a, b){ var posa = a.produit.toLowerCase().indexOf(request.term.toLowerCase()); var posb = b.produit.toLowerCase().indexOf(request.term.toLowerCase()); if ( posa == -1 ) posa = 1000; if ( posb == -1 ) posb = 1000; return posa - posb; });

    InformationsquelleAutor Andrew Whitaker
  2. 0

    Einer möglichen Optimierung: pflücken Sie Elemente aus der Quelle-Liste, wie Sie gehen in startsWith, und dann brauchen Sie nicht, um zu testen, für die Wiederholung, beim anfügen Dinge, die den Suchstring enthalten. Aber der trade-off ist, dass das Quell-array würde müssen neu generiert werden, jedes mal, wenn der input-string geändert.

    • Dies würde einen besseren Kommentar (obwohl ich weiß, Sie können wahrscheinlich nicht Kommentar noch: -) )
    • Ich wollte posten Sie es als Kommentar. Aber, wie du sagst.
    • Besser noch, in Bezug auf deduping, ist die Verwendung dieser slick one-liner, um es zu säubern, nach der Tat. gist.github.com/jasdeepkhalsa/5227812
    InformationsquelleAutor Kent Rauch
  3. 0

    Scheint es Probleme zu haben, wenn Räume vorhanden sind, die zwischen Worten, versuchen Sie bitte Folgendes als Quelle

        source=[" Family And Community " , 
" Finance And Legal " , 
" Food And Beverages " , 
" Government " , 
" Health And Medicine " , 
" Home And Garden " , 
" Industrial Supplies And Services " ,
 " Non-governmental Organisations (ngos) " , 
" Personal Care " , 
" Public Utilities And Environment " , 
" Real-estate And Insurance " , 
" Religious Organisations And Associations " , 
" Shopping And Specialty Stores " , 
" Sports And Recreation " ,
 " Transportation " , 
" Travel And Tourism " , 
" Farming " , 
" Farming Equipments And Services " , 
" Feed, Seed And Grain " , 
" Fishing " , 
" Fishing Equipments And Services " , 
" Forests " , 
" Timber Equipments And Services " , 
" General Supplies And Services " , 
" Livestock " , 
" Wildlive " , 
" Minerals And Organic Matte " , 
" Accessories " , 
" Detailing And Aesthetics " , 
" Motorcycles " , 
" Motorised Vehicles " , 
" New And Used Dealers " , 
" Parts And Supplies " , 
" Related Services " , 
" Repairs Body Work " , 
" Repairs Mechanical " , 
" Trailers " , 
" Administrative And Specialty Services " , 
" Advertising " , 
" Associations - Organisations " , 
" Communication And Audio-visual " , 
" Consultants " , 
" Document Services " , 
" Employment And Career Resources " , 
" Engineers " , 
" Furniture And Office - Industrial Machines " , 
" Import And Export Services " , 
" Lawyers " , 
" Marketing And Sales " , 
" Office Supplies - General " , 
" Printing, Publishing And Copying " , 
" Shipping, Packaging And Postal Services " , 
" Trade Shows, Expositions And Conventions " , 
" Alterations And Services " , 
" Clothing - General " , 
" Clothes And Fashion Accessories " , 
" Footwear " , 
" Outerwear " , 
" Uniforms And Work Clothing " , 
" Communications Services And Equipments " , 
" Computer Equipments " , 
" Computer Services " , 
" Electronics - Services And Equipments " , 
" Information Systems " , 
" Internet - Communication And Events " , 
" Internet - Development And Services " , 
" Building Materials And Equipments " , 
" Ceramics And Tiles " , 
" Chimneys " , 
" Concrete, Cement And Paving " , 
" Contractor Equipments And Services " , 
" Design And Architecture " , 
" Electrical Products And Services " , 
" Floors, Ceilings And Roofs " , 
" Foundations And Piling " , 
" Hardware - Supplies And Services " , 
" Heavy Construction And Equipments " , 
" Inspectors And Surveyors " , 
" Painting And Plastering " , 
" Plumbing And Piping " , 
" Academic " , 
" Libraries " , 
" Services And Supplies " , 
" Specialised Schools "]
    InformationsquelleAutor Rahul DSouza
Schreibe einen Kommentar