JQuery UI Autocompletar: haga que el menú se abra cuando el usuario haga clic en el cuadro de texto

Question

Estoy usando este JQuery autocomplete widget.

¿Cómo puedo hacer que abra automáticamente el menú cuando el usuario hace clic en el cuadro de texto? Quiero que el usuario vea todas las opciones.

Answer 1

necesita disparar el evento search manualmente y establecer la opción minLength en el widget a cero:

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

Ejemplo de trabajo:http://jsfiddle.net/9JmVu/

Answer 2

Creo que lo tengo en realidad. Si establece minLength a 0, y luego activa una búsqueda de "", se abre el menú.

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

Answer 3

Según lo explicado por Andrew, debe desencadenar el evento.

Pero una vez que obtenga el resultado de una solicitud de Ajax, es mejor volver a mostrar los resultados en lugar de volver a preguntar al servidor. El valor minLength es independiente, podría ser 2 como se recomienda en las solicitudes del servidor.

$("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(); 
    } 
});