Die Ergebnisse einzuschränken, die in jQuery-UI-Autocomplete

Ich bin mit jQuery UI Autocomplete.

 $("#task").autocomplete({
     max:10,
     minLength:3,
     source: myarray
 });

Des max-parameter funktioniert nicht und ich bekomme immer noch mehr als 10 Ergebnisse. Bin ich etwas fehlt?

Es gibt keine option namens max im AutoVervollständigen

InformationsquelleAutor santhosh | 2011-10-01

257

Hier ist die ordnungsgemäße Dokumentation für die jQueryUI widget. Gibt es nicht eine built-in-parameter für die Beschränkung der max-Ergebnisse, aber Sie können es erreichen einfach:
```
$("#auto").autocomplete({
    source: function(request, response) {
        var results = $.ui.autocomplete.filter(myarray, request.term);

        response(results.slice(0, 10));
    }
});
```
Können Sie eine Funktion bereitstellen, um die source parameter und rufen Sie dann slice auf das gefilterte array.

Hier ist ein funktionierendes Beispiel: http://jsfiddle.net/andrewwhitaker/vqwBP/

Funktioniert wie ein Charme. Es ist sehr nützlich, wenn Sie Ihre AutoVervollständigen-Liste ist sehr lang (~10k Ergebnisse) und verlangsamt das html-rendering.
Ich danke Euch so sehr dafür! Jetzt kann ich zulassen Benutzer haben eine massive Liste, im "localStorage", aber die Webseite fühlt sich wirklich schnell! Schön! 😀 danke dir so sehr für diese! 😀 froh, dass ich das geschehen zu finden, diese Lösung ^__^
was, wenn man zwei autocomplete-Boxen auf der gleichen Seite? Wenn ich die Antwort slice auf beiden, der beide stop slicing auf alle :/
+1 für diese Lösung. Ich will hinzufügen, minLength:3 zu schmal mehr die Ergebnisse. jsfiddle.net/vqwBP/295
In der jsFiddle die Lösung bereitgestellt, ändern Sie den slice-Wert von 10 bis 3 und dann in das Eingabefeld, geben Sie die Zeichen C. Sie erhalten nur 3 Werte, die auf einen Endbenutzer könnten Sie führen zu glauben, diese sind die einzigen drei Werte zur Verfügung und können nicht weiterhin die Eingabe von Zeichen. Alles was ich Vorschlage ist eine gute Hilfe-Texte begleiten diese Lösung (z.B. Nur die top XX übereinstimmenden Ergebnisse werden angezeigt. Mit der Eingabe fortfahren um die Ergebnisse zu verfeinern." Etwas entlang jenen Linien.

InformationsquelleAutor Andrew Whitaker
41

Können Sie die minlength option, um einige große Wert, oder Sie können es per css wie dieses,
```
.ui-autocomplete { height: 200px; overflow-y: scroll; overflow-x: hidden;}
```
Genie. Ich Liebe die Einfachheit dieser und es ermöglicht dem Benutzer zu entscheiden.
Das ist ziemlich hacky. Wenn Sie eine wirklich lange Liste, und autocomplete gibt Tausende von spielen, es wird blutig sein langsam...
Vereinbaren Sie mit Vajk. Dies ist eine schlechte Lösung aus einer scalabilty Sicht.
Vereinbaren Sie mit Vajk. Spielen Sie nicht mit CSS, wenn das Spiel in JS.
Ich habe die gleiche Sache in meinem Wörterbuch-Anwendung. Seiner würdig!

InformationsquelleAutor Jayantha Lal Sirisena
21

Gleiche wie "Jayantha", sagte mit css wäre der einfachste Ansatz, aber das könnte besser sein,
```
.ui-autocomplete { max-height: 200px; overflow-y: scroll; overflow-x: hidden;}
```
Hinweis: der einzige Unterschied ist die "max-height". dies ermöglicht die widget-Größe ändern, um kleinere Höhe, jedoch nicht mehr als 200px

Weil Ihre Lösung. Auch ist es eine gültige eine, die wir diskutieren jQuery-Lösungen. Bietet eine CSS-Lösung für einen Programmierer ist es nicht eine gute Idee, wenn das problem gelöst werden kann, um jQuery. Und am Ende bleibt nur die Maske die Ergebnisse nicht die Lösung des Problems, wie in der akzeptierten Antwort. Hier gehen Sie!
Mit css für ein Programmier-problem ist eine schreckliche hack. Stellen Sie sich versucht zu Debuggen!

InformationsquelleAutor Sam Battat

Hinzufügen Andrew ' s Antwort, können Sie auch vorstellen eine maxResults Eigenschaft und verwenden Sie es auf diese Weise:

$("#auto").autocomplete({ 
    maxResults: 10,
    source: function(request, response) {
        var results = $.ui.autocomplete.filter(src, request.term);
        response(results.slice(0, this.options.maxResults));
    }
});

jsFiddle: http://jsfiddle.net/vqwBP/877/

Dies sollte helfen, die Lesbarkeit des Codes und die Wartbarkeit!

InformationsquelleAutor SNag

10

hier ist, was ich verwendet
```
.ui-autocomplete { max-height: 200px; overflow-y: auto; overflow-x: hidden;}
```
Den overflow auto, so wird die Bildlaufleiste nicht angezeigt, wenn es das nicht sollte.

InformationsquelleAutor Desto
5

Konnte ich dieses problem lösen, indem Sie den folgenden Inhalt meiner CSS-Datei:
```
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}
```
Bitte fügen Sie nicht "danke" Antworten. Sie nicht wirklich eine Antwort auf die Frage, und kann wahrgenommen werden, als Lärm von der zukünftigen Besucher. Stattdessen upvote Antworten, Sie wie. Auf diese Weise zukünftige Besucher von der Frage sehen, eine höhere Wertungszahl auf die Antwort, und die Beantworter der Frage auch belohnt mit Ruf-Punkte. Siehe Warum ist die Abstimmung wichtig.
dies ist xactly, was ich suchte ! keine Beschränkung der Anzahl der Ergebnisse, aber die Anzahl von shwn-Elemente ! thx
Warum diese Antwort so wenig upvotes? Gibt es etwas falsch mit ihm? Arbeitete für mich, zumindest auf den ersten Blick.

InformationsquelleAutor Sam
3

Wenn die Ergebnisse kommen aus einer mysql-Abfrage, ist es effizienter, eine Grenze, die direkt die mysql-Ergebnis:
```
select [...] from [...] order by [...] limit 0,10
```
wobei 10 die max Anzahl der Zeilen, die Sie wollen

Nicht gut für die Abfrage eines DB-jede Maus! Kann langsam auf einigen Servern oder riesige DB. By the way, ich wusste nicht, Stimme runter, sondern schreiben Sie diese Erklärung. Was sollten die Menschen tun, wenn Sie wählen unten. Danke.

InformationsquelleAutor the_nutria

Habe ich es in folgender Weise :

success: function (result) {
response($.map(result.d.slice(0,10), function (item) {
return {
//Mapping to Required columns (Employee Name and Employee No)
label: item.EmployeeName,
value: item.EmployeeNo
}
}
));

InformationsquelleAutor AH Jamali

jQuery können Sie die Standardeinstellungen ändern, wenn Sie anbringen, autocomplete einem input:

$('#autocomplete-form').autocomplete({
   maxHeight: 200, //you could easily change this maxHeight value
   lookup: array, //the array that has all of the autocomplete items
   onSelect: function(clicked_item){
      //whatever that has to be done when clicked on the item
   }
});

InformationsquelleAutor myjeeed

2

Plugin:
jquery-ui-autocomplete-scrollen
mit dem scroller-und limit-Ergebnisse schön
```
$('#task').autocomplete({
  maxShowItems: 5,
  source: myarray
});
```
InformationsquelleAutor KingRider

Ich habe versucht, alle die oben genannten Lösungen, aber meine funktioniert nur auf diese Weise:

success: function (data) {
    response($.map(data.slice (0,10), function(item) {
    return {
    value: item.nome
    };
    }));
},

InformationsquelleAutor Tatiana

0

Gibt es keine max-parameter.

http://docs.jquery.com/UI/Autocomplete

Ich sehe, der max-parameter von diesem link, docs.jquery.com/UI/Autocomplete/autocomplete unter dem Menü "Optionen"
Ich sehe keine "max" param auf Ihren link.

InformationsquelleAutor dteoh

In meinem Fall gut funktioniert:

source:function(request, response){
    var numSumResult = 0;
    response(
        $.map(tblData, function(rowData) {
            if (numSumResult < 10) {
                numSumResult ++;
                return {
                    label:          rowData.label,
                    value:          rowData.value,
                }
            }
        })
    );
},

InformationsquelleAutor tlberio

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.