YUI Autocompletar: ¿Cómo se expande cuando se selecciona la entrada?

Question

Tengo un control de autocompletado YUI, funciona muy bien. Excepto que me gustaría que amplíe la lista de sugerencias tan pronto como el usuario seleccione el cuadro de entrada. ¿Cómo hago que eso suceda?

En este momento, la expansión no ocurre hasta que el usuario llega a una llave en el cuadro.

Answer 1

Puedes usar el textboxfocusentent Para enviar una consulta del contenido de la entrada, que abrirá el panel de resultados. Intenté usar expandir Sin éxito, pero no estaba seguro de que hubiera funcionado de todos modos.

Ejemplo de trabajo: http://tivac.com/yui2/autocomplete_jamesmoore.htm

Answer 2

TIVAC tiene la idea correcta: use TextBoxFocusEvent para enviar una consulta vacía que devuelve los resultados para completar el contenedor. Consulte este ejemplo de algún código de muestra: http://developer.yahoo.com/yui/examples/autocomplete/ac_combobox.html

Answer 3

Esto funciona cuando se usa Yui 3:

Y.one('#id').plug(Y.Plugin.AutoComplete, {source:['item1','item2','item3','etc']})
            .on('focus', function(){this.ac.fire('query')});

En el enfoque de la entrada adjunta (ID), el query El evento se dispara para completar el 'menú' y mostrarlo.