jQuery-UI-autocomplete - ich möchte es starten die Suche onfocus, ohne dass der Benutzer nichts eingeben

jQuery-UI-autocomplete - würde ich mag, um die Suche zu starten "onfocus" und sofort zeigen Sie die Liste der Optionen, wenn der Benutzer mit der Tabulatortaste oder klickt in das Suchfeld, ohne dass der Benutzer nichts eingeben.

Den default-Verhalten scheint, muss der Benutzer geben Sie ein Zeichen oder einen Pfeil nach unten zu starten den ball ins Rollen, und starten Sie die Suche und bekommen die Werte selbst wenn ich die Anzahl der Zeichen benötigt, um von null.

 
$( "#contact" ).autocomplete({ 
Quelle: 'remote.php', 
minLength: 0 
});

Dank!

InformationsquelleAutor sdfor | 2010-12-18
  1. 13

    Etwas komplizierter, als Emmett die Antwort, aber...

    • Pops up-Liste im Fokus, selbst wenn Feld bereits text enthält,
    • Vermeidet re-knallen-up-Liste nach dem klicken auf ein Element

    Hier ist es:

    var closing = false;

$('#contact').autocomplete({
    source: 'remote.php',
    minLength: 0,
    close: function()
    {
        //avoid double-pop-up issue
        closing = true;
        setTimeout(function() { closing = false; }, 300);
    }
})
.focus(function() {
    if (!closing)
        $(this).autocomplete("search");
});
    • Können Sie es tatsächlich tun, indem er einfach nur die Parameter minLength und konzentrieren sich in der automatischen Vervollständigung ohne weitere Codierung. Finden Sie die Lösung, indem androidmj.
    InformationsquelleAutor Dunc
  2. 6

    Fand ich, dass dieser code ein wenig sauberer und element-spezifischen.

     $(<selector>).autocomplete({
            minLength: 0,
            delay: 500,
            source: funcDataLookUp,
            open: function() { $(this).attr('state', 'open'); },
            close: function () { $(this).attr('state', 'closed'); }
        }).focus(function () {
            if ($(this).attr('state') != 'open') {
                $(this).autocomplete("search");
            }
        });
    InformationsquelleAutor par
  3. 4

    Versuchen, die Bindung des focus mit AutoVervollständigen.

    $("#contact").autocomplete({
        source: 'remote.php',
        minLength: 0
    }).bind('focus', function () {
        $(this).autocomplete("search");
    });

    Check out my sample JSFiddle.

    InformationsquelleAutor Praveen
  4. 4

    Diese Lösung nicht genau die für mich arbeiten, weil die autocomplete-Ergebnisse box-würde wieder auftauchen, sobald Sie nach der Auswahl das gewünschte Ergebnis. Dies war, weil die .focus Methode ausgeführt wurde, bevor die close: Veranstaltung.

    Zusätzlich, nach dem code in die Antwort, sobald die box geschlossen wurde, es würde nicht wieder öffnen, weil die closing variable blieb true aufgrundclose: wird Sie ausgeführt nachdem .focus.

    Der folgende code löst diese beiden Probleme (Hinweis: die variable closing auf false gesetzt ist in der close: event):

    var closing = false;

$(function() {$(".autocomplete").autocomplete({
    source: 'remote.php',
    minLength: 0,
    open: function(){
        closing=true; },
    close: function(){
        closing = false;
        }
})
    .focus(function(){
        if ((!closing) && ($(this).val() !== "")){
            $(this).autocomplete("search");
        }
    });
})
    InformationsquelleAutor Raj
  5. 3
    $("#contact").focus(function() {
    if ($(this).val().length == 0) {
        $(this).autocomplete("search");
    }
});

    Stellen Sie sicher, dass Ihre AutoVervollständigen ist minLength ist 0.

    • ist dieser zusätzlich zu dem, was ich hatte, codiert, oder stattdessen? danke!
    • zusätzlich
    • es funktioniert ein bisschen merkwürdig jetzt. Die dropdown-jetzt erfordert die Auswahl gewählt werden, die entweder mit den Pfeil nach unten oder mit einem Doppelklick. Ein Klick legen Sie die Wahl in die box, aber es nicht bleiben, wenn Sie die Maus bewegen. Firefox oder IE
    InformationsquelleAutor Emmett
  6. 3

    diese Lösung nicht für mich arbeiten, aber diese:

    $('#contact').autocomplete({
source: 'remote.php',
minLength: 0
           }).focus(function(){
if (this.value == "")
$(this).trigger('keydown.autocomplete');
});

    funktioniert gut (Quelle: jquery forum)

    InformationsquelleAutor manner
  7. 2

    JQUERY eigentlich schlägt diese Methode

    http://api.jqueryui.com/autocomplete/#method-search

    $('.yourclass').autocomplete({
   minLength: 0
   ,source:['blah','andblahagain']
   ,focus: function() {
     $(this).autocomplete("search", "");
   },
});

    im Grunde Sie verwenden, minLength:0, und der Fokus-Veranstaltung mit einer Suche nach "".

    • Eine Lösung, die verwendet nur JQuery autocomplete Parameter. Genau die Lösung, die jeder suchen sollte, für.
    InformationsquelleAutor androidmj
Schreibe einen Kommentar