JQuery UI Autocomplete laden von Daten auf Blättern

Ich habe JQuery UI Autocomplete widget für my search bar funktioniert bei mir einwandfrei.Grundsätzlich will ich laden mehr Daten auf den Blättern der Suchleiste Ergebnisse begrenzt habe ich 100 Ergebnisse wie die Paginierung machen wir aus dem backend.

Will ich mehr laden 100 Ergebnisse auf scrollen zu Ende ist (wie in der Paginierung Seite 2 geklickt wird, zeigen weitere 100 Ergebnisse) und anfügen an die Liste erzeugt durch AutoVervollständigen. Wie kann ich erreichen, gibt es irgendein plugin oder einen link der mir helfen kann.
Ich habe eine Höhe von 400px für die Suche bar Ergebnis. Ich habe verwendet Jquery.

Habe ich einige Lösungen gefunden aber das funktioniert mit scrollen zum Ende der Seite. Habe ich hier Suche Ergebnis mit 400px Höhe und Scrollbalken und würde gerne mehr laden Daten auf Bildlauf in der letzten LI.

Wird die Hilfe am meisten geschätzt.

InformationsquelleAutor Mike | 2011-11-28

  1. 4

    können Sie prüfen, diese Geige
    http://jsfiddle.net/LesignButure/EVsye/

    Sie brauchen nicht das padding-right in der ui-autocomplete, schauen jsfiddle.net/EVsye/83 (:

    InformationsquelleAutor Bao

  2. 2

    Gut, auch ich wollte eine Lösung auf diese Frage.

    Da gibt es keine Antwort, die ich empfehlen Ihnen zu überprüfen, in diesem post.

    jQuery UI Autocomplete Combobox Sehr Langsam, Mit Großer Auswahl-Listen

    Sie bieten Lösungen, aber keine endgültigen Antworten

    Anyways, viel Glück und wenn Sie nicht kommen mit einer besseren Lösung,bitte hier posten

    InformationsquelleAutor human.js

  3. 0

    In diesem Beispiel in Fiddle http://jsfiddle.net/LesignButure/EVsye/ funktioniert gut, hat aber einen bug.

    Zum Beispiel, wenn Sie geben Sie "a", dann scrollen Sie nach unten, dann nach Anhängen zu suchen, "b", wird dies nicht zeigen, alle Ergebnisse, die als "ab" ist nicht übereinstimmenden Ergebnisse. Wenn Sie dann die Rücktaste(löschen) Letzte Zeichen und der such-string ist gleich "a", nur die ersten 5 Ergebnisse angezeigt, und wenn Sie nach unten scrollen, passiert nichts.

    Dies ist, weil die Fenster.pageIndex wird nicht aktualisiert, als fix, wenn Sie erstellen autocomplete, sollten Sie auch angeben, "Suche" parameter wie:

    $("#tags").autocomplete({
    search: function (event,ui) {
        window.pageIndex = 0;
    },
    source: availableTags,

    und das wird Ihr problem lösen.

    InformationsquelleAutor Vaidotas

Schreibe einen Kommentar