JQuery-UI-Autocomplete - Haben Sie das Menü öffnen, wenn der Benutzer klickt in das Textfeld ein

Ich bin mit diesem JQuery autocomplete widget.

Wie kann ich es machen das automatisch, öffnen Sie das Menü, wenn der Benutzer klickt in das Textfeld? Ich möchte den Benutzer um alle Optionen zu sehen.

InformationsquelleAutor Greg | 2011-12-06
  1. 21

    Müssen Sie zum auslösen der search Ereignis manuell und setzen Sie die minLength option auf das widget auf null:

    $("input").autocomplete({
    minLength: 0,
    /* other options */
}).on("focus", function () {
    $(this).autocomplete("search", "");
});

    Beispiel: http://jsfiddle.net/9JmVu/

    • Ich konnte nicht diese Arbeit in der version, die wir verwenden, jedoch ersetzen Sie "on" mit: .focus(function(){$(this).autocomplete("search", "")}); hat Super funktioniert.
    • Sie verwenden möglicherweise eine ältere version von jQuery.
    • Ist dies möglich, ohne den Aufruf der search Veranstaltung?
    • Ich denke nicht so. Was versuchen Sie zu erreichen?
    • Eigentlich ist die ganze Liste ist verfügbar am ul erstellt wurde und ich wollen mit den zur Verfügung stehenden Daten und nicht wollen, um es zu aktualisieren.
    InformationsquelleAutor Andrew Whitaker
  2. 1

    Ich glaube, ich habe es tatsächlich. Wenn Sie minLength 0, und dann Auslöser einer Suche für die "", es öffnet sich das Menü.

          $(inputSelector).autocomplete(
              {
                  source: this.validConstructCodes,
                  minLength: 0,
                  autoFocus: true,
                  autoSelect: true
              });
      $(inputSelector).focus(function(event) {
        $(this).autocomplete( "search" , "" );
      });
    InformationsquelleAutor Greg
  3. 1

    Als erklärt von Andrew, die Sie brauchen, um das Ereignis auszulösen.

    Aber wenn Sie erst einmal das Ergebnis aus einem ajax-request, es ist besser zu zeigen, die Ergebnisse erneut, statt zu Fragen Sie den server erneut. Die minLength Wert unabhängig ist, könnte die 2 sein, wie empfohlen, auf server-Anforderungen.

    $("input").autocomplete({
    minLength: 2,
    /* your options */
}).on("focus", function () {
    /* the element with the search results */
    var uid = $("#ui-id-"+$(this).autocomplete("instance").uuid);

    if(uid.html().length == 0) {
        /* same as $(this).autocomplete("search", this.value); */
        $(this).keydown();
    }
    else {
        uid.show();
    }
});
    InformationsquelleAutor amalesh
Schreibe einen Kommentar